Cara membuat Unordered List dan Ordered List (HTML)

1. Ordered List

Ordered list digunakan untuk daftar yang memiliki urutan, dan tag yang digunakan adalah <ol>. Di ordered list juga ada 3 tipe yaitu:

1. Type Desima.

<b>Jurusan di SMKN 2 Karanganyar</b> <ol type="1"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ol>

Hasil:

Jurusan di SMKN 2 Karanganyar

1. Teknik Pemesinan
2. Teknik Pembuatan Kain
3. Teknik Otomotif Elektronik
4. Teknik Rekayasa Perangkat Lunak

2. Tipe Romawi

<b>Jurusan di SMKN 2 Karanganyar</b> <ol type="i"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ol>

Hasil

Jurusan di SMKN 2 Karanganyar

1. Teknik Pemesinan
2. Teknik Pembuatan Kain
3. Teknik Otomotif Elektronik
4. Teknik Rekayasa Perangkat Lunak

3. Tipe Alfabet

<b>Jurusan di SMKN 2 Karanganyar</b> <ol type="a"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ol>

Hasil

Jurusan di SMKN 2 Karanganyar

1. Teknik Pemesinan
2. Teknik Pembuatan Kain
3. Teknik Otomotif Elektronik
4. Teknik Rekayasa Perangkat Lunak

Catatan!!! untuk ROMAWI dan ALFABET Bisa di ganti dengan huruf besar atau kecil

2. Unordered List

Unordered list digunakan untuk daftar yang tidak memiliki urutan. List ini menggunakan tag <ul>. Ada 3 tipe untuk unordered list ini yaitu:

1. Tipe Disk

<b>Jurusan di SMKN 2 Karanganyar</b> <ul type="disk"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ul>

Hasil

Jurusan di SMKN 2 Karanganyar

• Teknik Pemesinan
• Teknik Pembuatan Kain
• Teknik Otomotif Elektronik
• Teknik Rekayasa Perangkat Lunak

2. Tipe Circle

<b>Jurusan di SMKN 2 Karanganyar</b> <ul type="circle"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ul

Hasil

Jurusan di SMKN 2 Karanganyar

• Teknik Pemesinan
• Teknik Pembuatan Kain
• Teknik Otomotif Elektronik
• Teknik Rekayasa Perangkat Lunak

3. Tipe Square

<b>Jurusan di SMKN 2 Karanganyar</b> <ul type="square"> <li>Teknik Pemesinan</li> <li>Teknik Pembuatan Kain</li> <li>Teknik Otomotif Elektronik</li> <li>Teknik Rekayasa Perangkat Lunak</li> </ul>

Hasil

Jurusan di SMKN 2 Karanganyar

• Teknik Pemesinan
• Teknik Pembuatan Kain
• Teknik Otomotif Elektronik
• Teknik Rekayasa Perangkat Lunak

Share this post