sharingilmu.web.id

Belajar tak akan lengkap jika kita tidak berbagi

Membuat List Atau Penomoran Di HTML

Posted by admin on 02 Aug 2012

Pada HTML kita juga dapat membuat list berupa bullet dan juga numbering. Untuk membuat list dengan jenis numbering dapat dibuat dengan tag <ol></ol>, tag ini juga disebut dengan order list. Pada tag ini memiliki atribut type yang nilainya terdiri dari 1, A, a, I, dan i. Sebagai contoh dapat dicoba source code di bawah ini :

<html>
<head>
<title>List</title>
</head>
<body>
Makanan Kesukaan :
<ol type="i">
<li>Bakso</li>
<li>Timlo</li>
<li>Nasi Goreng</li>
<li>Ayam Bakar</li>
</ol>
</body>
</html>

yang hasilnya adalah sebagai berikut :
Makanan Kesukaan :

  1. Bakso
  2. Timlo
  3. Nasi Goreng
  4. Ayam Bakar

jadi nilai yang ada pada atribut type adalah jenis numbering yang dipakai. Silakan mencoba satu persatu agar mengetahui perbedaannya.

Sedangkan untuk list dengan jenis bullet atau yang juga disebut unorder list menggunakan tag <ul></ul> yang memiliki atribut type seperti list dengan jenis numbering hanya saja nilainya berbeda. Nilai dari atribut type pada tag <ul></ul> adalah disc, square, dan circle. Sebagai contoh dapat dicoba source code di bawah ini :

<html>
<head>
<title>List</title>
</head>
<body>
Makanan Kesukaan :
<ul type="square">
<li>Bakso</li>
<li>Timlo</li>
<li>Nasi Goreng</li>
<li>Ayam Bakar</li>
</ul>
</body>
</html>

yang hasilnya adalah sebagai berikut :
Makanan Kesukaan :

  • Bakso
  • Timlo
  • Nasi Goreng
  • Ayam Bakar

Sebenarnya tanpa diberi atribut pun kedua list ini dapat digunakan. Default list berjenis numbering adalah type=”1″ sedangkan default dari list berjenis bullet adalah type=”disc”.


Categories: HTML, Tutorial



4 + 5 =