8. Contoh 3 buah tag list html

Pembahasan website kali ini kita akan membahas list pada html terdapat 3 buah tag, yaitu: ol (Ordered list), ul (Unordered list), dan dl (definisi list),kalau kalian ingin tahu apa itu ol,ul,dan dl? Kalaian bisa kunjungi Mengenal tag dan atribut

1. Ordered list <ol></ol>

Ordered list yaitu List yang terurut defaultnya menggunakan angka,

Disini saya sudah membuat folder latihan5 seperti di website-website sebelumnya di dalam folder latihan5 saya membuat file namanya list.html, saya sudah membuat struktur dasar html seperti ini,

Kita membuat list terurut menggunakan tag ol, tag ol ini akan memberi tahukan kepada html bahwa saya akan membuat list terurut dimana di dalamnya terdapat tag <li> yaitu list items, Contoh

Kita bisa membuat itemsnya sebanyak mungkin. Kita coba lihat di browser klik kanan lalu open in browser

Kalau kita ingin merubah urutan ini tidak menggunakan angka misalkan kita ingin menggunakan huruf ABC dst, kita bisa menggunakan atribut type angka (1), huruf kapital menggunakan (A), huruf kecil (a), dan romawi besar menggunakan (I), romawi kecil menggunakan (i).

Kita coba dari salah satu tersebut misalkan menggunakan romawi besar, Contoh

Lalu kita save lihat di browser lalu refresh

2. Unordered list <ul></ul>

Unordered list yaitu List yang tidak terurut defaultnya menggunakan titik atau bulat.

Jika kita mengunakan ul urutan dari list items tersebut tidak terpengaruh, misalnya saya punya list satu lagi,

Pada saat menggunakan tag ul urutan tersebut tidak terpengaruh apakah dia yang pertama atau kedua dst. Itu tidak terpengaruh kepada list saya.Kita coba lihat di browser lalu kembali ke browser dan refresh,

Tag ul juga memiliki beberapa type ,yaitu:

Kita coba dari salah satu tersebut misalkan menggunakan square, lingkran tersebut akan menjadi kotak, Contoh

Lalu kita save dan kembali kebrowser lalu refresh lhasinya akan seperti ini,

3. Definition list <dl></dl>

Disini agak berbeda dari kedua list tersebut digunakan untuk membuat terminologi dan deskripsi jadi isinya berpasangan yang pertama kita bungkus dengan <dl> lalu di dalamnya ada dua tag yang harus ditulis yaitu <dt> definition terminologinya atau termnya apa? Lalu dibawahnya ada <dd> yaitu definition deskripsi, Berikut Struktur dari <dl>

Kalau kalian punya 5 definition term kalian harus punya definition deskripsinya harus mempunyai 5 juga, misalkan saya kasih Contoh,

Lalu kalian save pergi kebrowser dan refresh hasilnya akan seperti ini,

Jadi itu adalah 3 buah list yang di miliki html kalian bisa coba-coba dengan menggantikan typenya kalian bisa bereksperimen.

Sekian bersama saya lumbungweb disini kita bisa belajar coding tak perlu khawatir sedikit-sedikit yang penting bisa buat website. Kalau kalian ingin mempunyai web tapi tidak tahu ngoding tak perlu susah kalian bisa kunjungi Sepsialis Web

~♧Semoga membantu kalian semua :) ♧~

8. Contoh 3 buah tag list html 2020-01-23T00:34:00-08:00 Rating: 4.5 Diposkan Oleh: Anonim