Membuat daftar isi pada postingan

Assalamu'alaikum.

Saya akan membuat daftar isi pada postingan.

ini rumusnya:

kata "dreusinatea-1" silahkan ganti angkanya
<b>Eusina Teh</b> <ol> <li><a href="#dreusinatea-1">IPS Kelas 7</a></li> <li><a href="#dreusinatea-2">IPS Kelas 8</a></li> <li><a href="#dreusinatea-3">IPS Kelas 9</a></li> </ol> <h1 id="dreusinatea-1" style="text-align: left;">IPS Kelas 7</h1> <div> <b>Semester 1</b> </div> <div><span>    </span>BAB I<span>    </span>abc</div> <div><span>    </span>BAB II<span>   </span>def<br /></div> <div> <b>Semester 2</b> </div> <div> <div><span>    </span>BAB I<span>    </span>ghi</div> <span>    </span>BAB II<span>   </span>jkl</div> <h1 id="dreusinatea-2" style="text-align: left;">IPS Kelas 8</h1> <div><div> <b>Semester 1</b> </div> <div> <div><span>    </span>BAB I<span>    </span>mno</div> <span>    </span>BAB II<span>   </span>pqr</div> <b>Semester 2</b> </div> <div> <div><span>    </span>BAB I<span>    </span>stu</div> <span>    </span>BAB II<span>   </span>vwx</div> <h1 id="dreusinatea-3" style="text-align: left;">IPS Kelas 9</h1> <div><div> <b>Semester 1</b> </div><div> <div><span>    </span>BAB I<span>    yzz</span></div> <span>    </span>BAB II<span>   </span>aaa</div> <b>Semester 2</b> </div> <div> <div><span>    </span>BAB I<span>    </span>bbb</div><span>    </span>BAB II<span>   ccc</span></div>