Jumat, Agustus 30, 2019

HTML list

Apakah yang dimaksud dengan list?
Sebuah list adalah sebuah record dari pecahan kecil dari informasi, seperti nama seseorang, biasanya ditulis atau dicetak dengan tanda khusus pada setiap barisnya dan disusun dengan suatu cara sehingga muda untuk menemukan informasi spesifik. Contohnya:
satu, list daftar belanja.
dua, list aktifitas sehari-hari.

List pada HTML
HTML memberikan tiga cara untuk menampilkan informasi dalam bentuk list. Semua list harus mengandung satu atau lebih dari daftar list elemen.

Tipe dari list yang dapat digunakan pada HTML adalah:
satu, ul: Unordered list. List ini akan menggunakan bentuk plain bullet sebagai penanda list.
dua, ol: Ordered list. List ini akan menggunakan bentuk skema berbeda dari angka terhadap item list.
tiga, dl: Definition list. List ini akan mengarahkan item informasi sama seperti pengarahan pada sistem kamus.

Unordered List pada HTML
Anordered list dimulai dengan tag "ul". Setiap list item dimulai dengan tag "li" (list). Item list akan ditandai dengan bullet (titik khusus) seperti lingkaran hitam kecil secara otomatis. Contoh:

Output:
unordered list untuk menandai item list pada laman html
Gambar 1 unordered list 

Item unordered list memiliki berbagai variasi HTML:
satu, Disc: Sekumpulan item list marker untuk tipe bullet default.

Output:
unordered list dengan disc bullet

Gambar 2 disc bullet 

dua, Circle (lingkaran): Sekumpulan item list marker berbentuk tipe lingkaran.

Output:
circle bullet pada unordered list html
Gambar 3 circle bullet 

tiga, Square (persegi): Sekumpulan item list marker berbentuk kotak.

Output:
square bullet unordered list pada laman html
Gambar 4 Square bullet 

Ordered List pada HTML
Ordered list dimulai dengan tag "ol". Setiap list item dimulai dengan tag "li". Item list ditandai dengan angka secara otomatis. Contoh:

Output:
penggunaan ordered list pada laman html
Gambar 5 ordered list html

Ordered list HTML memiliki berbagai variasi list item marker:
Tipe atribut dari tag <ol>, mendefinisikan tipe dari list item marker.

satu, tipe="1", item list akan ditandai dengan urutan angka secara otomatis.

Output:
ordered list tipe angka pada laman html
Gambar 6 ordered list number 

dua, type="A", item list akan ditandai dengan urutan huruf uppercase.

Output:
penggunaan ordered list huruf kapital uppercase pada laman html
Gambar 7 ordered list word uppercase 

tiga, type="a", item list akan ditandai dengan urutan huruf lowercase.

Output:
penggunaan ordered list huruf lowercase pada laman html
Gambar 8 ordered list word lowercase

empat, type="I", item list akan ditandai dengan urutan penomoran romawi uppercase.

Output:
tampilan ordered list angka romawi uppercase pada laman html
Gambar 9 ordered list angka romawi

lima, type="i", item list akan ditandai dengan urutan penomoran romawi lowercase.

Output:
ordered list roman number lowercase pada laman html
Gambar 10 ordered list roman number lowercase 

Description list pada HTML
Description list adalah sebuah list dari istilah tertentu, yang disertai dengan deskripsi pada setiap istilah tersebut. Tag <dl> digunakan untuk mendefinisikan description list, tag <dt> digunakan untuk mendefinisikan nama istilah, dan tag <dd> digunakan untuk mendeskripsikan setiap istilah pada list. Contoh:

Output:
penggunaan list description pada laman html
Gambar 11 description list pada laman html

List bersarang pada HTML:
List bersarang adalah sekumpulan list yang terdapat di dalam sebuah list.

Output:
pembuatan nested list pada laman html
Gambar 12 nested list 






Tidak ada komentar:

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D