Tutorial HTML5 - list

By Admin | May 24, 2018

Tutorial HTML5 - list image

Daftar tidak terurut

Elemen ul digunakan untuk membuat daftar tidak terurut.

<ul>
 <li>first item</li>
 <li>second item</li>
 <li>third item</li>
</ul>

Daftar terurut

Elemen ol digunakan untuk membuat daftar terurut.

Atribut reversed

Atribut reversed berfungsi untuk membuat daftar dibalikkan urutannya.

<ol reversed>
 <li>first item</li>
 <li>second item</li>
 <li>third item</li>
</ol>

Hasil output:

  1. first item
  2. second item
  3. third item
Atribut start

Atribut start berfungsi untuk menentukan awal penomoran daftar.

<ol start="6">
 <li>first item</li>
 <li>second item</li>
 <li>third item</li>
</ol>

Hasil output:

  1. first item
  2. second item
  3. third item
Atribut type

Atribut type berfungsi untuk menentukan tipe penomoran.

Nilai atribut type yang mungkin:

  • 1, penomoran menggunakan nomor (default)
  • a, penomoran menggunakan huruf abjad kecil
  • A, penomoran menggunakan huruf abjad besar
  • i, penomoran menggunakan angka romawi kecil
  • I</ocde>, penomoran menggunakan angka romawi besar

Daftar bersarang

<ol>
 <li>first item</li>
 <li>second item
   <ul>
     <li>second item first subitem</li>
     <li>second item second subitem</li>
     <li>second item third subitem</li>
   </ul>
 </li>
 <li>third item</li>
</ol>

Jika anda suka dengan artikel tersebut, silakan berikan dukungan

Donasi