A. Penngertian
      List dalam HTML adalah sebuah tag untuk mengelopkkan item-item dari suatu dafter baik secara berurutan maupu tidak berurutan yang dilengkapi dengan nomor alfabetik, nomor numerik ataupun dengan bullet. List Tag pada HTML memiliki 3 Varian yaitu :
  1. Ordered List ( Daftar Bernomor )
  2. Unordered List ( Bullet )
  3. Definition List ( Daftar definisi )
B. Latar Belakang
      Terkadang kita membutuhkan list pada suatu halaman web. Dan juga list dapat digunakan dalam membuat menu navigasi. 
C. Alat dan Bahan
  • Text editor
  • WEB Browser
D. Maksud & Tujuan
      Dapat mempraktikkan dan menerapkan penggunaan list di HTML.
E. Pembahasan
     Sudah di bahas sebelumnya bahwa list pada html memiliki 3 varian. Tapi disini saya hanya  akan menjelaskannya dua varian list yaitu Ordered List dan Unordered List  . Kita mulai dari yang pertama.
  • <OL> Ordered List ( Daftar Bernomor )
Oredered List adalah varian dari suatu daftar yang setiap itemnya diberikan nomor. Berikut contoh koding Daftar bernomor :

<!DOCTYPE html>
<html>
<head>

<title>HTML</title>
</head>
<body>

<ol>
<li>Linux</li>
<li>Windows</li>
<li>Mac OS</li>
</ol>

</body>
</html>

Hasil dari koding tersebut web browser akan menampilkan seperti berikut :



  • Unordered List ( Bullet )
Unordered List adalah varian dari suatu daftar yang setiap itemnya tidak diberikan nomor. Nantinya nomor pada ordered list akan digantikan dengan bullet. Kita akan lihat koding dari Unordered List, tidak jauh berbeda dengan penulisan ordered list hanya menganti tag <ol> menjadi <ul>. untuk lebih jelasnya bisa dilihat dari contoh koding dibawah ini.
<!DOCTYPE html>
<html>
<head>
 <title>HTML</title>
</head>
<body>
 <ul>
  <li>Linux</li>
  <li>Windows</li>
  <li>Mac OS</li>
 </li>
</body>
</html>
Hasilnya di browser :

TAGS : |