Membuat Unordered List

Jika kemaren pembahasan kita tentang html berupa Ordered List dan sekarang kita ngebahas tentang Unodered List atau Bulleted List yaitu suatu daftar dengan urutan simbol dengan sintak :
<UI>

Untuk menyatakan list item menggunakan sintak : 
<LI>



Adapun atribut yang dapat ditambahkan pada <UL> adalah :
  • Type = "Disc"   berupa simbol disk

  • Type = "Circle" berupa simbol lingkaran

  • Type = "Square" berupa simbol kotak



Dan sekarang waktunya praktek buat file html lalu tulis kode di bawah ini

<html>
<head>
<title>Unodered List</title>
</head>
</body>

<h4>category fiction book</h4>
<p><ul>

<li>Fantasy</li>
<li>Mystery</li>
<li>Humor</li>
<li>Detective</li>
</ul></p>



<h4>category non-fiction book</h4>
<p><ul type = "disc">

<li>Biography</li>
<li>Autobiography</li>
<li>Guidebook</li>
<li>True Story</li>
</ul></p>



<h4>category movie</h4>
<p><ul type ="circle">

<li>Action</li>
<li>Animation</li>
<li>Horror</li>
<li>Romance</li>
</ul></p>



<h4>category mucic</h4>
<p><ul type = "square">

<li>Classical</li>
<li>Jazz</li>
<li>Soul</li>
<li>Rap</li>
</ul></p>

</body>
</html>

Maka akan menghasikan pada browser seperti ini


Tidak ada komentar:

Posting Komentar