Cara membuat list di HTML

TTPIT _{.blogspot.com}

• Apa itu HTML?
• tag teks HTML
• Tentang ku?

Membuat List di HTML

List item di HTML di gunakan untuk mengelompokkan data baik berurutan (ordered list) maupun yang tidak berurutan (unordered list)

Ordered List

List berurut nomor: tag pembukanya adalah <ol> dan penutupnya </ol>, sedangkan untuk penanda list itemnya adalah <li> dan </li>
Contoh:

<ol>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jum'at</li>
<li>Saptu</li>
<li>Minggu</li>
</ol>

1. Senin
2. Selasa
3. Rabu
4. Kamis
5. Jum'at
6. Saptu
7. Minggu

Type-type dari Ordered list adalah:
<ol type="1"> - Default
<ol type="I">
<ol type="1">
<ol type="i">
<ol type="A">
<ol type="a">
Contoh:

<ol type="I";>
<li>Senin</li>
<li>Selasa</li>
</ol>
<ol type="i">
<li>Rabu</li>
<li>Kamis</li>
</ol>
<ol type="A">
<li>Jum'at</li>
<li>Saptu</li>
</ol>
<ol type="a">
<li>Minggu</li>
<li>Senin</li>
</ol>

1. Senin
2. Selasa

1. Rabu
2. Kamis

1. Jum'at
2. Saptu

1. Minggu
2. Senin

Unordered List

Untuk membuat list tidak terurut nomor / huruf / simbol.
tag <ul> </ul> dan setiap list itemnya masih menggunakan tag yang sama.
Contoh:

<ul>
<li>Senin</li>
<li>Selasa</li>
<li>Rabu</li>
<li>Kamis</li>
<li>Jum'at</li>
<li>Saptu</li>
<li>Minggu</li>
</ul>

• Senin
• Selasa
• Rabu
• Kamis
• Jum'at
• Saptu
• Minggu

Adapun tipe-tipe untuk unordered list yaitu:
square,circle,disc - Default
Contoh:

<ul type="square">
<li>Senin</li>
<li>Selasa</li>
</ul>
<ul type="circle">
<li>Rabu</li>
<li>Kamis</li>
</ul>
<ul type="disc">
<li>Jum'at</li>
<li>Saptu</li>
<li>Minggu</li>
</ul>

• Senin
• Selasa

• Rabu
• Kamis

• Jum'at
• Saptu
• Minggu

Next akan bahas table >>>