List di HTML

Di dalam list html terdapat 3 kategori desain yang harus diketahui yaitu,

  1. Unordered List <ul>
  2. Ordered List <ol>
  3. Definition List <dl>

Unordered List

Gak usah berbelit – belit yang dimaksud dengan unordered list ini nih.

  • Merah
  • Kuning
  • Hijau

Biasanya jika kita mendefinisikan suatu daftar dengan menggunakan ordered list, secara default akan menggunakan numbering simbol ‘bulat’ seperti di atas. Trus bagaimana caranya agar kita bisa membuat minimal seperti contoh di atas? Output di atas secara sederhana di dapat dengan menggunakan sripts dibawah.

<ul>
	<li>Merah</li>
	<li>Kuning</li>
	<li>Hijau</li>
</ul>

Ordered List

Sedangkan Ordered list,

  1. Merah
  2. Kuning
  3. Hijau

Telah kita lihat diatas bahwa ordered list menampilkan daftar dengan angka, kode html untuk menampilkan output seperti di atas kurang lebih seperti dibawah ini.

<ol>
	<li>Merah</li>
	<li>Kuning</li>
	<li>Hijau</li>
</ol>

Definition List

Dan Definition List,

Warna
  • Merah
  • Kuning
  • Hijau
Bentuk
  1. Persegi
  2. Lingkaran
  3. Segitiga

Sedangkan untuk definion list kita bisa menggunakan tag <dl> dan <dt> seperti dibawah ini.

<dl><dt>Warna</dt><dd>
<ul>
	<li>Merah</li>
	<li>Kuning</li>
	<li>Hijau</li>
</ul>
</dd><dt>Bentuk</dt><dd>
<ol>
	<li>Persegi</li>
	<li>Lingkaran</li>
	<li>Segitiga</li>
</ol>
</dd></dl>

One response to “List di HTML

  1. Pingback: Tag di HTML | Kang Oncom's Weblog·

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s