Cara membuat kotak daftar isi
8:11:00 PM
Agar dimudahkan dalam pencarian keyword yang diinginkan baik itu dalam satu halaman maupun halaman yang berbeda. Daftar isi menjadi solusi memudahkan kita untuk langsung menuju apa yang kita inginkan. Untuk membuat daftar isi seperti yang ada pada gambar dibawah ini, praktikan dapat langsung mengcopy kode html yang telah disediakan dibawah.
<a name="home">copy kode diatas, lalu pastekan pada bagian HTML postingan. apabila praktikan melakukan dengan benar, maka akan muncul kotak daftar isi seperti gambar diatas.
</a>
<br />
<div style="text-align: center;">
<a href="#">[KEMBALI KE MENU SEBELUMNYA]</a></div>
<br />
<center>
<div style="background-color: white; border: 2px dashed rgb(23, 128, 221); height: 240px; overflow: auto; padding: 10px; text-align: center; width: 330px;">
<b>DAFTAR ISI</b>
<br />
<div style="text-align: left;">
<a href="#hardware">1. Hardware</a></div>
<div style="text-align: left;">
<a href="#rangkaian">2. Rangkaian Simulasi</a></div>
<div style="text-align: left;">
<a href="#flowchart">3. Flowchart</a></div>
<div style="text-align: left;">
<a href="#listing">4. Listing Program</a><br />
<div style="text-align: left;">
<a href="#video">5. Video</a></div>
<div style="text-align: left;">
<a href="#kondisi">6. Kondisi</a> </div>
<div style="text-align: left;">
<a href="#link">7. Link Download</a></div>
</div>
</div>
</center>
keterangan:
1. tanda # pada [kembali kemenu sebelumnya] dapat diganti dengan link halaman praktikan yang sebelumnya. sesuaikan alur pada menu dropdown yang dibuat
2. terdapat listing yang seperti <a href="#listing">4. Listing Program</a> yang mirip dengan yang lain. ini merupakan anchor link dan akan dibahas pada tutorial selanjutnya