Jin Toples Programming

Membuat List Pada HTML - Dalam sebuah halaman HTML biasanya terdapat list entah dalam bentuk menu ataupun bentuk link yang berbentuk list. kita dapat membuatnya dengan menggunakan tag <li>.

Properti <li> di gunakan untuk menampilakan informasi dalam bentuk daftar (list). Ada dua jenis daftar pada HTML, yaitu daftar dalam format bullet (unosdered list <ul>) dan dalam bentuk nomor (ordered list <ol>).

Atribut elemen list :

Oredered list

Type = [1 | a | A | i | I]

Unordered list

Type = [disc | square | circle]

Untuk mencobanya ketikan kode berkut ini dalam notepad lalu simpan dalam format .HTML lalu jalankan.

<html>
 <head>
  <title>listing</title>
    </head>
    <body bgcolor=#990066 text=#ffccff>
  <h1>TOKO BUKU SERBA SERBU</h1>
  <hr width=50% align=left>
        Toko Kami Menyediakan
        <h2>Alat Tulis</h2>
  <ol>
   <li>pensil</li>
   <li>ballpoint</li>
   <li>penggaris</li>
   <li>dll.</li>
  </ol>
  <h2>Buku – buku Pelajran</h2>
  <ol type=A>
   <li>ilmu pasti</li>
    <ul>
     <li>Fisika</li>
     <li>Kimia</li>
     <li>biologi</li>
    </ul>
   <li>ilmu bumi</li>
   <li>sejarah</li>
   <li>dll.</li>
  </ol>
  <h2>ALat Kantor</h2>
  <ol type=i>
   <li>meja</li>
   <li>kursi</li>
    <ul type=square>
     <li>kursi lipat</li>
     <li>kursi plastic</li>
     <li>kursi listrik</li>
    </ul>
   <li>file manager</li>
   <li>dll.</li>
  </ol>
 </body>
</html>

Setelah di jalankan maka akan muncul seperti di atas.

Baca juga : Menempelkan Image (gambar) Pada HTML

Membuat List Pada HTML sekarang sudah selesai, baca juga tutorial HML lainnya.