HTML

Cara Membuat Daftar Pada HTML

Ordered List

Membuat Daftar atau List pada HTML

Di dalam HTML terdapat 2 jenis daftar list yaitu : Ordered List dan Unorderd List. Ordered List merupakan angka atau huruf  sedangkan Unordered List berupa bulatan atau titik juga bisa berbentuk kotak. Ordered List menggunakan tag <ol> sedangkan Unordered List menggunakan tag <ul>, untuk menampilkan List harus menggunakan tag <li>.

Contoh penggunakan Ordered List <ol> pada HTML :

Hasilnya akan muncul seperti gambar di bawah :

 

Cara Membuat Daftar Pada HTML

 

Sedangkan untuk membuat Unordered List penggunaan <ol> diganti dengan <ul>. Di bawah ini merupakan contoh penggunaan Unordered List pada HTML :

Berikut Hasil penggunaan tag <ul> pada HTML :

 

Cara Membuat Daftar Pada HTML

Dalam penggunaan pada website, Daftar atau List biasanya juga dipakai untuk membuat menu navigasi halaman, kategori, dll. Tentu saja harus dibantu dengan CSS supaya terlihat menarik, tidak tampil angka atau huruf saja.

Satu lagi Daftar atau List yang digunakan untuk membuat struktur deskripsi atau daftar penjelasan yaitu Description List. Description List digunakan apabila membutuhkan  struktur HTML untuk membuat list yang berisi penjelasan dan keterangannya. Untuk membuat Description List, maka seluruh list harus berada di dalam tag <dl>. Setiap judul deskripsi menggunakan tag <dt>, sedangkan untuk penjelasannya digunakan tag <dd>.

Berikut ini adalah contoh Description List dalam HTML :

 

Ini adalah hasil dari Description List :

 

Cara Membuat Daftar atau List

 

By:<

Baca Juga :

Advertisements

Leave a Reply

%d blogger menyukai ini: