List (daftar Pilihan) HTML List (daftar Pilihan) HTML

Tag  :

<ol>: OrderedList
untuk menampilkan daftar pilihan dalam bentuk penomoran otomatis (nomor, angka  romawi & abjad)
atribut type ("A","a","I","i")

<ul>: UnorderedList
untuk menampilkan daftar pilihan dalam bentuk simbol.
atribut type ("disc","circle","square")

<li>: ListItem
untuk mendefinisikan daftar pilihan / item yang ingin ditampilkan.


List Penomoran otomatis

Contoh 1:                                         Output :
<ol>                                                1. Pilihan 1
<li>Pilihan 1</li>                             2. Pilihan 2
 <li>Pilihan 2</li>
</ol>

Contoh 2:                                         Output :
<ol type="a">                                 a. Pilihan 1
<li>Pilihan 1</li>                             b. Pilihan 2
 <li>Pilihan 2</li>
</ol>

Contoh 3:                                         Output :
<ol type="i">                                  i. Pilihan 1
<li>Pilihan 1</li>                            ii. Pilihan 2
 <li>Pilihan 2</li>
</ol>

List Simbol

Contoh :                                          
<ul>                                               
<li>Pilihan 1</li>                            
 <li>Pilihan 2</li>
</ul>

Output :

• Pilihan 1
• Pilihan 2