Memanfaatkan List HTML

List HTML adalah fitur yang berguna untuk menampilkan daftar atau urutan item pada halaman web. Ada tiga jenis list HTML, yaitu ordered list (daftar berurutan), unordered list (daftar tak berurutan), dan definition list (daftar definisi). Pada tutorial ini, kita akan mempelajari cara memanfaatkan list HTML untuk menampilkan daftar atau urutan item pada halaman web.

1. Ordered List (Daftar Berurutan)

Ordered list digunakan untuk menampilkan daftar item yang memiliki urutan tertentu. Berikut ini adalah contoh kode HTML untuk membuat ordered list:

<ol>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Hasilnya akan terlihat seperti ini:

Anda juga dapat menambahkan atribut “type” pada tag “ol” untuk mengatur jenis penomoran. Berikut adalah beberapa contoh jenis penomoran:

<ol type="1">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol type="A">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol type="a">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol type="I">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

<ol type="i">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ol>

Halaman selanjutnya: