Cara Membuat Daftar (list) pada HTML
Assalamualaikum luuurrrr..!!!
Jumpa lagi, pada kesempatan kali ini mari kita belajar membuat list di html. Sebelumnya, apa sih list itu?
List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar dari makanan dan minuman, beserta harganya.
Cara Pembuatan List di HTML
Ordered List/ol (daftar berurutan)
- Soto
- Nasi Goreng
- Lontong
Unordered List/ul (daftar tidak berurutan)
- Soto
- Nasi Goreng
- Lontong
Pembuatan daftar yang berurutan, digunakan tag <ol>...</ol> dan di dalamnya harus terdapat tag <li> ... </li>.
Tag <ol> berfungsi untuk memulai suatu daftar berurutan tertentu, sedangkan </ol> berfungsi untuk menandakan bahwa daftar tersebut sudah berakhir. Tag <li> (list item) berfungsi untuk membuat sebuah item.
Contoh Tag <ol> berfungsi untuk memulai suatu daftar berurutan tertentu, sedangkan </ol> berfungsi untuk menandakan bahwa daftar tersebut sudah berakhir. Tag <li> (list item) berfungsi untuk membuat sebuah item.
| Tag | Hasil |
|---|---|
| Makanan kesukaanku adalah :<ol> <li> Soto </li> <li> Nasi Goreng </li> <li> Lontong </li> </ol> | Makanan kesukaanku adalah : |
Secara Standar "type" ol adalah penomoran 1, 2, 3, dst. Berikut type ordered list yang lain
| Type | Keterangan |
|---|---|
| A | Penomoran berupa karakter A, B, C, dst |
| a | Penomoran berupa karakter a, b, c, dst |
| I | Penomoran berupa karakter I, II, III, dst |
| i | Penomoran berupa karakter i, ii, iii, dst |
| Cara penulisan : <ol type="nama _type"><li>.....</li></ol> bila ingin memulai dari urutan tertentu maka diberi start="nomor_atau_huruf" | |
Ul memungkinkan daftar item-itemnya dapat diubah posisinya secara acak. Pembuatan daftar yang tidak berurutan, digunakan tag <ul>...</ul> dan di dalamnya harus terdapat tag <li> ... </li>.
Tag <ul> berfungsi untuk memulai suatu daftar berurutan tertentu, sedangkan </ul> berfungsi untuk menandakan bahwa daftar tersebut sudah berakhir. Tag <li> (list item) berfungsi untuk membuat sebuah item.
Tag <ul> berfungsi untuk memulai suatu daftar berurutan tertentu, sedangkan </ul> berfungsi untuk menandakan bahwa daftar tersebut sudah berakhir. Tag <li> (list item) berfungsi untuk membuat sebuah item.
| Tag | Hasil |
|---|---|
| Makanan kesukaanku adalah :<ul> <li> Soto </li> <li> Nasi Goreng </li> <li> Lontong </li> </ul> | Makanan kesukaanku adalah : |
Secara default "type" ul adalah tanda bulatan. Berikut tanda untuk type unordered list yang lain
| Type | Keterangan |
|---|---|
| Disk | Tanda bulatan hitam |
| circle | Tanda bulatan putih |
| square | Tanda kotak |
| Cara penulisan : <ul type="nama _type"><li>.....</li></ul> | |
Nahhhh, itulah cara pembuatan daftar pada HTML, mudah bukan?
Makasih sudah berkunjung di situs ini, banyak kesalahan, yaa.. tolong di-maaf-in
Wassalamu'laikum.
Makasih sudah berkunjung di situs ini, banyak kesalahan, yaa.. tolong di-maaf-in
Wassalamu'laikum.