Tag List (ul, ol, li)

Tag dalam HTML untuk membuat daftar adalah sebagai berikut:

<ul> (Unordered List): Tag ini digunakan untuk membuat daftar yang tidak berurutan.
<ol> (Ordered List): Tag ini digunakan untuk membuat daftar yang berurutan.
<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=""

Type Attribute:
- Pada tag <ol>, Anda dapat menggunakan atribut type untuk menentukan jenis angka atau huruf yang digunakan untuk nomor urutan.
  <ol type="A"> <li>Item A</li> <li>Item B</li> <li>Item C</li> </ol>
  Nilai type bisa berupa A, a, I, i, atau 1, yang masing-masing menunjukkan jenis nomor urutan yang berbeda.
Start Attribute:
- Atribut start pada tag <ol> memungkinkan Anda untuk menentukan nomor urutan mulai dari angka tertentu.
  <ol start="5"> <li>Item 5</li> <li>Item 6</li> <li>Item 7</li> </ol>

PreviousTag Image (img)NextTag Table (table)

Last updated 1 year ago