Cara Buat Daftar Secara Urut di HTML

Ketika ingin membuat daftar berurutan di suatu halaman web, misalnya ingin memberikan penomoran pada daftar kegiatan hari ini.

Tampilannya mungkin berikut:

Kegiatan hari ini:

1. Bangun tidur.
2. Makan.
3. Tidur lagi.

Contoh di atas hanya contoh, nyatanya tidak seperti itu. Anda bisa membuat daftar yang memang menunjukkan kegiatan anda sebenarnya.

Contoh di atas di buat dengan kode HTML berikut, sederhana:

<p>Kegiatan hari ini:</p> <ol> <li>Bangun tidur.</li> <li>Makan.</li> <li>Tidur lagi.</li> </ol>

Di HTML, selain salah satu tagnya bisa digunakan untuk membuat daftar secara urut, ada satu tagnya juga yang bisa digunakan untuk membuat daftar yang sifatnya tidak urut.

Tampilannya mungkin berikut:

Sahabat yang datang ke rumah hari ini:

• Tono
• Tuti
• Tini

Contoh di atas di buat dengan kode HTML berikut, juga sederhana:

<p>Sahabat yang datang ke rumah hari ini:</p> <ul> <li>Tono</li> <li>Tuti</li> <li>Tini</li> </ul>

Untuk mengganti penomoran, misalnya seperti tampilan berikut:

Kegiatan hari ini:

1. Bangun tidur.
2. Makan.
3. Tidur lagi.

Silahkan gunakan LIST-STYLE-TYPE CSS, di mana properti ini memungkinkan memberikan penanda untuk suatu daftar dengan lebih baik.