Tag List (ul, ol, li)

Tag dalam HTML untuk membuat daftar adalah sebagai berikut:

  1. <ul> (Unordered List): Tag ini digunakan untuk membuat daftar yang tidak berurutan.

  2. <ol> (Ordered List): Tag ini digunakan untuk membuat daftar yang berurutan.

  3. <li> (List Item): Tag ini digunakan untuk menandai setiap item dalam daftar, baik itu dalam <ul> maupun <ol>.

Berikut adalah contoh penggunaan ketiga tag tersebut:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contoh Tag List</title>
</head>
<body>
    <h2>Unordered List (ul):</h2>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>

    <h2>Ordered List (ol):</h2>
    <ol>
        <li>Item A</li>
        <li>Item B</li>
        <li>Item C</li>
    </ol>
</body>
</html>

Penjelasan singkat:

  • <ul>: Membuat daftar yang tidak berurutan, di mana setiap item dimulai dengan bullet point.

  • <ol>: Membuat daftar yang berurutan, di mana setiap item diberi nomor urutan.

  • <li>: Menandai setiap item dalam daftar.

Untuk mengubah gaya dam urutan dari daftar yang dibuat dengan tag <ol> bisa menggunakan atribut HTML type=""

  1. Type Attribute:

    • Pada tag <ol>, Anda dapat menggunakan atribut type untuk menentukan jenis angka atau huruf yang digunakan untuk nomor urutan.

      Nilai type bisa berupa A, a, I, i, atau 1, yang masing-masing menunjukkan jenis nomor urutan yang berbeda.

  2. Start Attribute:

    • Atribut start pada tag <ol> memungkinkan Anda untuk menentukan nomor urutan mulai dari angka tertentu.

PreviousTag Image (img)NextTag Table (table)

Last updated