HTML 8 : Membuat List Atau Daftar Item

pada tanggal
Tutorial kali ini membahas tentang bagaimana Membuat List Atau Daftar Item di HTML. Membuat list atau daftar item mugkin diperlukan dalam pembuatan sebuah web terutama web yang bertema tentang restaurant, pasti sebuah web yang bertema restaurant memiliki list atau daftar menu makanan yang disajikan di restaurant tersebut. Menerapkan list ke dalam web sangat mudah dan membuat tampilan web lebih tersusun dan rapi, Berikut cara penggunaannya :

1. Unordered List <ul>

Tag <ul> memliki fungsi untuk membuat list yang tidak berurutan (bullet)

<!DOCTYPE html>
<html>
<head>
    <title> Agus Blog </title>
</head>
<body>
    <ul>
       <li> Bakso </li>
       <li> Mie </li>
       <li> Gado - Gado </li>
    </ul>
</body>
</html>

Hasil
  • Bakso
  • Mie
  • Gado - Gado

2. Ordered List <ol>

Tag <ol> berfungsi untuk membuat list yang berurutan. Jika menggunakan tag <ol> kita dapat merubah type listnya, Berikut type type list dari <ol> :
  • "A" : A, B, C, ...
  • "a" : a, b, c, ...
  • "I" : I, II, III, ...
  • "i" : i, ii, iii, ...
  • "1" : 1, ,2, 3, ...

<!DOCTYPE html>
<html>
<head>
    <title> Agus Blog </title>
</head>
<body>
    <ol type="a">
       <li> Es Teh </li>
       <li> Es Jeruk </li>
       <li> Es Batu </li>
    </ol>

    <ol type="i">
       <li> Es Teh </li>
       <li> Es Jeruk </li>
       <li> Es Batu </li>
    </ol>
</body>
</html>

Hasil
  1. Es Teh
  2. Es Jeruk
  3. Es Batu
  1. Es Teh
  2. Es Jeruk
  3. Es Batu

Komentar

Posting Komentar