List HTML

Umumnya untuk menampilkan suatu konten yang berisikan informasi berdasarkan data induk seseorang biasa menggunakan LIST pada HTML, penggunaan list tersebut bertujuan agar konten yang disajikan terlihat rapi dan tersusun. Adapun beberapa tag - tag  membuat list pada html sebagai berikut :

Penjelasan :

• Untuk menampilkan list dengan bentuk simbol menggunakan tag <ul> ... </ul>.
• Untuk menampilkan list dengan bentuk angka,huruf menggunakan tag <ol> ... </ol>.
• Untuk menampilkan list - list konten menggunakan tag <li> ... </li>.

Adapun Attribut yang digunakan untuk merubah tampilan dari list - list sebagai berikut :

• List <ul> ... </ul>.

Tipe	Deskripsi
list-style-type:disc	List yang akan ditampilkan akan berbentuk bulat (default)
list-style-type:circle	List yang akan ditampilkan akan berbentuk lingkaran
list-style-type:square	List yang akan ditampilkan akan berbentuk kotak/td>
list-style-type:none	List yang ditampilkan tidak terlihat atau blank list

Untuk lebih jelas cara membuat LIST menggunakan tag <ul> ... </ul> dapat melihat code dibawah ini :

• List <ol> ... </ol>.

Tipe	Deskripsi
type="1"	List yang akan ditampilkan akan berbentuk angka secara berurut
type="A"	List yang akan ditampilkan akan berbentuk huruf alphabet kapital secara berurut
type="a"	List yang akan ditampilkan akan berbentuk huruf alphabet kecil secara berurut
type="I"	List yang ditampilkan akan berbentuk I
type="i"	List yang ditampilkan akan berbentuk i

Untuk lebih jelas cara membuat LIST pada HTML menggunakan TAG <ol> ... </ol> dapat melihat code dibawah ini :

Selamat Mengerjakan ...

Share :

Tweet

✚

Related Post