Cara Membuat LIST HTML

List HTML atau item bernomor sering kita temukan dalam sebuah dokumen. Item bernomor adalah daftar yang memuat beberapa item / hal sejenis. Item bernomor terdiri dari dua jenis, yaitu:

1. Unordered List

Unordered list adalah daftar item yang menggunakan simbol berupa bulatan atau kotak sebagai penandanya.

Nama-nama warna:

• Merah
• Kuning
• Hijau
• Biru

2. Ordered List

Ordered list adalah daftar item dengan angka arab sebagai penandanya. Item-item yang dimasukkan dalam ordered list akan diurutkan mulai dari 1, 2, 3 dan seterusnya. Contoh:

Nama-nama warna:

1. Merah
2. Kuning
3. Hijau
4. Biru

Dalam dokumen HTML kita mengenal tag <ul> untuk mendefinisikan unordered list dan tag <ol> untuk mendefinisikan ordered list. Sedangkan untuk mendefinisikan setiap item digunakan tag <li>.

Sintaks / Penulisan Kode Program

Unordered List

<ul>

      <li>…..</li>

      <li> ….</li>

</ul>

Ordered List

<ol>

      <li>…..</li>

      <li> ….</li>

</ol>

Contoh Unordered List

<ul>

    <li>Merah</li>

    <li>Kuning</li>

    <li>Hijau</li>

    <li>Biru</li>

</ul> 

Contoh Ordered List

<ol>

    <li>Merah</li>

    <li>Kuning</li>

    <li>Hijau</li>

    <li>Biru</li>

</ol>