Pengertian list/daftar di HTML beserta contohnya

watch_later Saturday, 23 April 2016

Pengertian list di HTML

List adalah bagian teks di dalam dokumen yang berisi daftar menu/item dari suatu anggota, kelompok atau grup tertentu.

List dalam suatu HTTML terbagi menjadi 2 yaitu :

1. Orderer List

2. Unorderer List

Pada penggunaanya, orderer memakai tag <ol> sedangkan Unorderer list memakai <ul> dan untuk penggunan list sendiri memakai tag <li>.

berikut contoh penggunaan orderer list yang memakai tag <ol>  :

<html>
<head>
<title> contoh orderer list </title>

<body>
<li> Daftar Makanan
<ol>
<li> Bakso </li>
<li> Mie goreng</li>
<li> Sate</li>
</ol>
</li>

     <li> Daftar Minuman
    <ol>
   <li> Jus jambu </li>
   <li> Jus wortel</li>
   <li> Just tomat</li>
  </ol>
   </li>

</body>
</html>



contoh penggunaan unorderer list yang memakai tag <ul>  :

<html>
<head>
<title> contoh unorderer list </title>
<body>

<li> Daftar Makanan
<ul>
<li> Bakso </li>
<li> Mie goreng</li>
<li> Sate</li>
</ul>
</li>

<li> Daftar Minuman
<ul>
<li> Jus jambu </li>
<li> Jus wortel</li>
<li> Just tomat</li>
</ul>
</li>

</body>
</html>



pengunaan list tidak unuk html saja. Dalam CSS pnggunaan list bisa juga digunakan untuk membuat navigasi dihalaman web, seperti Home, kontak dan lain lain.