Selasa, 08 Desember 2015

Membuat Daftar atau List pada HTML

Sebuah daftar dapat memiliki penomoran atau hanya sebuah simbol. Dalam HTML, daftar yang menggunakan penomoran disebut dengan ordered list dan yang menggunakan simbol disebut unordered list.

Ordered List
Ordered list atau daftar berurutan dapat dibuat dengan menggunakan tag <ol> dan untuk setiap listnya menggunakan tag <li>. Perhatikan contoh berikut ini :


Penomoran daftar akan dilakukan secara otomatis ketika kamu menambahkan daftar item. Dan jika ditampilkan pada browser, maka yang akan kamu dapatkan adalah seperti :


Unordered List
Unordered list akan menandai setiap item dengan simbol. Baik berupa lingkaran atau persegi. Untuk membuat daftar tidak berurut menggunakan tag <ul> dan seperti tag <ol>, item yang terdapat di dalamnya harus diapit dengan tag <li>. Berikut contoh dan hasilnya :



List Bersarang
Sebuah daftar bisa saja memiliki daftar lagi di dalamnya atau biasa kita sebut dengan list bersarang (nested list). Perhatikan contoh berikut :



Berikut tampilan atau hasilnya pada browser :


Yang perlu diperhatikan adalah dimana meletakkan tag <ol> atau <ul> jika ingin menempatkan pada suatu item, yaitu sebelum penutup tag list item (<li>).

Tidak ada komentar:

Posting Komentar