Senin, 24 Februari 2014

Kode list item pada HTML

Kode ini biasa digunakan untuk membuat sebuah antri pada blog ataupun website, sekarang saya akan berbagi sedikit ilmu yang saya punya.


Untuk membuat daftar item tak berurut kita gunakan tag (list Bullet) <UL> sedang untuk membuat daftar item berurut digunakan tag (list Numbering) <OL>. Adapun setiap item ditandai dengan tag <LI>.


Beginilah kode sumber untuk daftar item tak berurut di atas:
<ul>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</ul>
Dan beginilah kode sumber untuk daftar item berurut di atas:
<ol>
<li>item pertama</li>
<li>item kedua</li>
<li>item ketiga</li>
</ol>.

Untuk membuat daftar item bertingkat  tidak ada penambahan tag atau atribut apa-apa. Yang
dilakukan hanyalah menempatkan tag-tag daftar item tingkat bawah di dalam daftar item tingkat di atasnya.
Untuk jelasnya beginilah source kodenya:
<ul>
<li>item pertama</li>
<li>item kedua</li>
<ul>
<li>sub item pertama</li>
<li>sub item kedua</li>
<ul>
<li>sub sub item pertama</li>
<li>sub sub item kedua</li>
<li>sub sub item ketiga</li>
</ul>
<li>sub item ketiga</li>
</ul>
<li>item ketiga</li>
</ul>

terimakasih atas kunjungannya, Harap tinggalkan Komentar anda atas postingan saya.



Tidak ada komentar:

Posting Komentar