Daftar item tidak berurutan

Fungsi daftar item tidak berurutan adalah untuk membuat daftar/list tulisan tanpa berupa urutan angka atau tulisan.
Sintaks : <ul> ... </ul>
Untuk daftar yang tidak memperhatikan urutan (Unordered List), secara default browser akan menghasilkan gambar bullet berupa bulatan kecil berwarna hitam untuk level pertama, gambar lingkaran untuk item kedua dan gambar kotak hitam untuk item ketiga. Demikian seterusnya secara berulang.
Setiap item juga harus di awali dengan tag <li> dan di akhiri dengan tag </li>
Contoh :

<html>
<head><title>daftar/list</title></head>
<body>
<p>
Contoh list yang tak urut: <p>
<ul>
<li>item pertama </li>
<li>item kedua
     <ul>
     <li> tulisan pertama</li>

     <li> tulisan kedua </li>
     </ul>
<li> item ketiga </li>
</ul>
</body>
</html>

Tampilan pada browser :

browser
Contoh list yang tak urut:

·      Item pertama
·      Item kedua
o    Tulisan pertama
o    Tulisan kedua
·        Item ketiga

Tambahan : jika tidak suka dengan tampilan default browser, jenis bullet dapat diganti dengan mengisi atribut type pada tag <ul> dengan format berikut :

<ul type=”kode_bullet” > ... </ul>

Dengan kode_bullet dapat berupa salah satu dari:
disc – menghasilkan gambar bulatan kecil berwarna hitam
circle – menghasilkan gambar lingkaran berwarna hitam
square – menghasilkan gambar kotak berwarna hitam

Tidak ada komentar:

Posting Komentar

Pages

Diterbitkan Oleh Angah Azhari