Cara Membuat Daftar/List di HTML
Dalam HTML, tag list terdiri dari 2 jenis, ordered list (berurutan) dan unordered list (tidak berurutan). Ordered list akan ditampilkan dengan angka atau huruf, sedangkan unordered list dengan bulatan atau kotak.Ordered list menggunakan tag <ol>, dan unordered list menggunakan tag <ul>, sedangkan untuk list sendiri menggunakan tag <li>. Penjelasan ini akan lebih mudah jika menggunakan contoh.
Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <! DOCTYPE html> < html > < head > < title >penggunaan tag list </ title > </ head > < body > < h1 >daftar belanjaan</ h1 > < ol > < li >minyak goreng</ li > < li >sabun mandi</ li > < li >deterjen</ li > < li >shampoo</ li > < li >obat nyamuk</ li > </ ol > </ body > </ html > |
![Membuat Daftar Ordered List di HTML](https://www.duniailkom.com/wp-content/uploads/2013/04/Membuat-Daftar-Orrdered-List-di-HTML.jpg)
Untuk membuat unordered list, tinggal ganti tag <ol> menjadi <ul>.
Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
| <! DOCTYPE html> < html > < head > < title >penggunaan tag list </ title > </ head > < body > < h1 >daftar belanjaan</ h1 > < ul > < li >minyak goreng</ li > < li >sabun mandi</ li > < li >deterjen</ li > < li >shampoo</ li > < li >obat nyamuk</ li > </ ul > </ body > </ html > |
![Membuat Daftar Unordered List di HTML](https://www.duniailkom.com/wp-content/uploads/2013/04/Membuat-Daftar-Unordered-List-di-HTML.jpg)
Di dalam HTML, selain ordered list dan unordered list, terdapat 1 lagi jenis list, yaitu description list. Pembahasan tentang description list akan kita bahas dalam tutorial HTML Lanjutan: Cara Membuat Description List dalam HTML (tag dl, dt dan dd).
Sumber: duniailkom.com
Tidak ada komentar:
Posting Komentar