Cara membuat list atau daftar di HTML - Hallo sahabat Dev-Create, Pada Artikel yang anda baca kali ini dengan judul Cara membuat list atau daftar di HTML, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel html,
Artikel Materi HTML, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Cara membuat list atau daftar di HTML
link : Cara membuat list atau daftar di HTML
Maka hasil ordered list di atas seperti ini.
1.1. Contoh dengan type="A"
Properti type dan value yang ada di tag <ul>:
2.1. Contoh tag <ul> dengan properti type="circle"
Anda sekarang membaca artikel Cara membuat list atau daftar di HTML dengan alamat link https://dev-create.blogspot.com/2020/01/cara-membuat-list-atau-daftar-di-html.html
Judul : Cara membuat list atau daftar di HTML
link : Cara membuat list atau daftar di HTML
Cara membuat list atau daftar di HTML
List atau daftar adalah salah satu cara untuk menampilkan informasi dalam bentuk daftar. List biasa digunakan untuk membuat menu. Ada 3 jenis list yang dapat digunakan yaitu:- Ordered List
- Unordered List
- Description List
1. Cara Membuat Ordered List
Ordered list adalah list berbentuk urutan, dimana listnya ditandai huruf atau angka. Jika di ingat di microsoft word list jenis ini sama dengan numbering. Tag ordered list adalah <ol>.
Ordered list adalah list berbentuk urutan, dimana listnya ditandai huruf atau angka. Jika di ingat di microsoft word list jenis ini sama dengan numbering. Tag ordered list adalah <ol>.
Maka hasil ordered list di atas seperti ini.
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
1.1. Contoh dengan type="A"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
1.2. Contoh tag <ol> dengan properti type="a"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
1.3. Contoh tag <ol> dengan properti type="I"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
1.4. Contoh tag <ol> dengan properti type="i"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
2. Cara Membuat Unordered List
Unordered list adalah list tidak berurut, dimana listnya ditandai simbol atau gambar. Jika di ingat di microsoft word list jenis ini sama dengan bullet. Tag unordered list adalah <ul>.
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
Properti type dan value yang ada di tag <ul>:
2.1. Contoh tag <ul> dengan properti type="circle"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
2.2. Contoh tag <ul> dengan properti type="square"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
2.3. Contoh tag <ul> dengan properti style="list-style-image: url(url);"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
2.4. Contoh tag <ul> dengan properti type="none"
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
Untuk membuat list secara horizontal dapat menambahkan properti float left dengan css.
Daftar Makanan
- Nasi Goreng
- Bakso
- Mie Ayam
- Soto Medan
Dengan penambahan css lainnya cara di atas biasa digunakan untuk membuat menu tombol di web.
3. Cara Membuat Description List
description list adalah list untuk menampilkan daftar deskripsi. Tag yang digunakan adalah <dl> untuk mendefinisikan deskription list, tag <dt> untuk nama deskripsi dan tag <dd> untuk deskripsinya.
Daftar Makanan
- Nasi Goreng
- Nasi Goreng dengan teri, petai, dan lalapan
- Bakso
- Bakso daging ayam dengan beberapa pilihan mie
Demikianlah Artikel Cara membuat list atau daftar di HTML
Sekianlah artikel Cara membuat list atau daftar di HTML kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Cara membuat list atau daftar di HTML dengan alamat link https://dev-create.blogspot.com/2020/01/cara-membuat-list-atau-daftar-di-html.html