Membuat List pada HTML

Untuk membuat daftar(list) dalam html, tag yang kita gunakan adalah <li> ditutup dengan </li>. List dalam html bisa berupa number(angka)/ oredered list yang di html didefinisikan dengan tag <ol> dan ada juga yang berupa bullet(unordered list) yang dalam html di definisikan dengan tag <ul>.
Langsung saja kita lihat bagaimana cara penulisannya,

Minuman yang tersedia :
<ol>
<li>Es Tawar</li>
<li>Es Teh Manis</li>
<li>Es Jeruk</li>
</ol>


Maka hasilnya,list dengan angka,

Minuman yang tersedia :

  1. Es Tawar
  2. Es Teh Manis
  3. Es Jeruk

Atribut ‘type’ bisa kita tambahkan, jika ingin listnya berupa huruf atau angka romawi. Type yang dimaksud adalah “a”,”A”,”i”,”I”.
Mari kita coba untuk menyisipkan atribut type,

Minuman yang tersedia :
<ol type="a">
<li>Es Tawar</li>
<li>Es Teh Manis</li>
<li>Es Jeruk</li>
</ol>


Maka hasilnya :
ol "a"

Mari berlanjut ke unordered list,

Makanan yang tersedia :
<ul>
<li>Nasi Uduk</li>
<li>Ayam Goreng</li>
<li>Soto Ayam</li>
</ul>


Maka hasilnya,

Makanan yang tersedia :

  • Nasi Uduk
  • Ayam Goreng
  • Soto Ayam

Atribut type yang dapat kita gunakan adalah “disc”,”square”,”circle”.
Sekarang kita coba untuk menambahkan atribut type,

Makanan yang tersedia :
<ul type="circle">
<li>Nasi Uduk</li>
<li>Ayam Goreng</li>
<li>Soto Ayam</li>
</ul>


Maka hasilnya adalah,
ul"circle"

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: