Belajar HTML Part 14: Membuat List Di HTML

Cara Membuat List Di HTML

Selamat datang di artikel belajar HTML dasar untuk pemula bagian 14, yaitu cara membuat list di HTML. Pada bagian ini kamu akan mengenal apa itu list dan bagaimana cara membuatnya.

List adalah salah satu fungsi yang ada di HTML untuk menampilkan data berurutan kebawah yang biasanya digunakan untuk mengelompokan data berdasarkan jenisnya atau berdasarkan prosesnya.
Ada beberapa list yang digunakan untuk langkah-langkah dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.

Ada juga yang digunakan untuk membuat suatu daftar yang tidak memerlukan pengurutan, misalkan membuat daftar makanan dan minuman.

Agar mendapatkan gambaran dari penjelasan diatas, berikut adalah contoh penggunaan list di HTML.

Contoh List Di HTML

Cara Membuat List Di HTML

Untuk membuat list di HTML, tag yang digunakan adalah <li>. List sendiri memiliki beberapa jenis, diantaranya yaitu:


  1. Ordered List digunakan untuk membuat daftar list dalam bentuk huruf atau angka.
  2. Unordered List digunakan untuk membuat daftar list dalam bentuk kotak atau bulatan. 
  3. Description List digunakan untuk membuat daftar deskripsi atau penjelasan.

Membuat Ordered List

Tag yang digunakan untuk membuat Ordered List adalah tag <ol>, bentuk daftar list yang ditampilkan adalah huruf atau angka.
 
Membuat Ordered List

Membuat Unordered List

Tag yang digunakan untuk membuat Unordered List adalah tag <ul>, bentuk daftar list yang ditampilkan adalah kotak atau bulatan.

Membuat Unordered List


Membuat Description List

Tag yang digunakan untuk membuat Description List adalah tag <dl>, Hampir sama dengan Ordered List dan Unordered List. Bentuk daftar list yang ditampilkan adalah penjelasan mengenai suatu pernyataan.

Description List

Tag <dl> berfungsi untuk mendefinisikan sebuah Description List
Tag <dt> berfungsi untuk mendefinisikan term (nama)
Tag <dd> berfungsi untuk mendefinisikan data (deskripsi)

Sampai sini kamu sudah berhasil membuat List di HTML, akan tetapi kamu masih bisa membuat list lebih spesifik menggunakan tambahan atribut.
Khususnya untuk Ordered List, kamu bisa membuatnya lebih spesifik seperti memperhatikan bentuk tampilan listnya.
Untuk lebih jelasnya, berikut adalah beberapa contohnya.

Membuat List Dengan Awalan Angka 1

Membuat List Dengan Awalan Huruf “A”

Membuat List Dengan Awalan Huruf “a”

Membuat List Dengan Awalan Huruf “I”

Membuat List Dengan Awalan Huruf “i”

Kesimpulan:

Penggunaan list di HTML tergantung situasi atau kebutuhan kamu sebagai pengguna, karena list dalam HTML digunakan hanya untuk pengurutan suatu pernyataan.
Seperti membuat jadwal kegiatan, resep makanan, langkah-langkah melakukan membuat sesuatu dan lain sebagainya. 

Leave a Reply

Your email address will not be published. Required fields are marked *