MEMBUAT LIST DAN PENOMERAN DALAM HTML

A. Pengertian Tentang List

Dalam HTML, list merupakan kumpulan item atau poin yang dikelompokkan bersama. Item-item ini bisa berupa teks, gambar, tautan, atau elemen lain yang ditampilkan dalam urutan tertentu atau tanpa urutan.

List HTML sering dipakai untuk menyusun menu navigasi, daftar langkah-langkah, atau kumpulan data yang terkait. Dengan elemen ini, audiens dapat lebih mudah mengidentifikasi dan mengikuti struktur konten. Menggunakan list HTML dalam struktur konten web sangat penting karena membantu menyajikan informasi secara jelas dan efisien.

Tak hanya membuat konten lebih mudah dibaca, list HTML juga membantu dalam mengorganisasi informasi. Misalnya, dalam sebuah artikel yang panjang, penggunaan list membantu pembaca menemukan poin kunci dengan cepat.

B. Jenis-Jenis List

1. Unordered list
   Unordered list adalah jenis list yang tidak memiliki urutan khusus. Jenis ini biasanya digunakan untuk menampilkan daftar item yang sejajar, tanpa prioritas atau urutan tertentu.
   tag yang digunakan biasanya tag < ul > untuk mendefinisikan list dan tag < li > untuk setiap item dalam list.
   Contoh (source Kode klik disini)
   • SD
   • SMP
   • SMA
2. Ordered list
   Berbeda dengan unordered list, ordered list dipakai untuk menampilkan item dalam urutan tertentu. List jenis ini cocok untuk daftar langkah-langkah atau peringkat. Kamu bisa membuat ordered list dengan menggunakan tag < ol > dan tag < li > untuk setiap item.
   Contoh (source Kode klik disini)
   1. SD
   2. SMP
   3. SMA
3. Tiered list atau nested list (source Kode klik disini)
   Tiered list atau nested list adalah cara mengorganisasi list dalam list lain. List ini berguna untuk menyajikan informasi dalam beberapa tingkat.Kamu dapat membuat tiered list dengan meletakkan list (baik < ul > maupun < ol >) di dalam item list lain (< li >).
   Contoh (Source Code klik disini)
   1. Usia 7-12 Tahun
      • SD
      • MI
   2. Usia 13-16 Tahun
      • SMP
      • MTs
   3. Usia 16-18
      • SMA
      • STM
      • SMK
      • MA
4. Descriptive list
   Descriptive list adalah jenis list yang berfungsi untuk mendefinisikan istilah dan memberikan deskripsi atau definisi. Tag < dl > digunakan untuk mendefinisikan list, < dt > untuk istilah, dan < dd > untuk deskripsi atau definisi.
   Contoh: (source Kode klik disini)

Espresso

Variasi kopi yang diseduh dengan tekanan tinggi

Cappuccino

Kombinasi espresso, susu panas, dan busa susu