html (source: https://www.pexels.com) |
Assalamualaikum Wr. Wb.
Setelah sebelumnya saya telah mengenalkan tentang HTML, pada postingan saya kali ini saya ingin memberikan cara bagaimana membuat list pada dokumen HTML. Sebuah list bisa disebut juga sebuah daftar, di dalam daftar kita dapat mengisinya dengan data apapun yang kita inginkan, karena list termasuk tubuh dari sebuah dokumen HTML maka harus ditempatkan diantara tag <body></body>, tag yang biasa digunakan untuk membuat list ini adalah sebagai berikut:
Setelah sebelumnya saya telah mengenalkan tentang HTML, pada postingan saya kali ini saya ingin memberikan cara bagaimana membuat list pada dokumen HTML. Sebuah list bisa disebut juga sebuah daftar, di dalam daftar kita dapat mengisinya dengan data apapun yang kita inginkan, karena list termasuk tubuh dari sebuah dokumen HTML maka harus ditempatkan diantara tag <body></body>, tag yang biasa digunakan untuk membuat list ini adalah sebagai berikut:
<ul></ul> = Unorder List, digunakan untuk membungkus sebuah list yang diurutkan dengan menggunakan simbol.
<ol></ol> = Order List, digunakan untuk membungkus sebuah data list yang diurutkan menggunakan angka atau huruf.
<li></li>
= List Item, tag untuk membuat urutan tanda di dalam tag
<ul></ul> / <ol></ol> untuk mengurutkan data di
dalam sebuah list.
Contoh penggunaan tag <ul> dan <li> :
<ul>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ul>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ul>
Contoh penggunaan tag <ol> dan <li> :
<ol>
<li>beringin</li>
<li>jati</>
<li>cendana</li>
</ol>
<li>beringin</li>
<li>jati</>
<li>cendana</li>
</ol>
Jika kita menggunakan tag di atas, maka
tanda yang digunakan untuk mengurutkan data adalah angka, kita bisa
mengubahnya dengan cara berikut:
Diurutkan dengan angka
<ol type="1">
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
Diurutkan dengan huruf kecil
<ol type="a">
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
Diurutkan dengan huruf besar
<ol type="A">
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
Diurutkan menggunakan angka romawi kecil
<ol type="i">
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
<ol>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
<ol>
Diurutkan menggunakan angka romawi besar
<ol type="I">
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
<li>beringin</li>
<li>jati</li>
<li>cendana</li>
</ol>
Sekian, banyak kurangnya mohon maaf, dan terima kasih:-)
##Semoga_Bermanfaat##
0 Komentar