Pada artikel ini, kita akan membahas cara membuat daftar/list menggunakan HTML. Dalam HTML terdapat tiga jenis daftar, yaitu ordered list (daftar berurutan), unordered list (daftar tidak berurutan), dan description list (daftar deskriptif). Setiap jenis daftar memiliki tag HTML yang berbeda-beda. Berikut ini adalah penjelasan dan contoh penggunaan masing-masing jenis daftar.
Ordered List
Ordered list adalah daftar yang terurut atau memiliki nomor urut. Ordered list diwakili oleh tag `
` di HTML. Setiap elemen/item dalam daftar diwakili oleh tag `
`.
Contoh penggunaan tag `
- ` dan `
- ` dalam HTML:
“`
- Item 1
- Item 2
- Item 3
“`
Hasilnya akan menjadi sebagai berikut:
1. Item 1
2. Item 2
3. Item 3Jika ingin mengurutkan dengan angka romawi, kita dapat menambahkan atribut “type” pada tag `
- ` dengan nilai “i”, “I”, “a”, “A”, atau “1”. Misalnya, jika ingin mengurutkan dengan angka romawi kecil, maka kodenya adalah sebagai berikut:
- Item 1
- Item 2
- Item 3
“`
“`
Hasilnya akan menjadi sebagai berikut:
i. Item 1
ii. Item 2
iii. Item 3Unordered List
Unordered list adalah daftar yang tidak terurut atau tidak memiliki nomor urut. Unordered list diwakili oleh tag `` di HTML. Setiap elemen/item dalam daftar diwakili oleh tag `
-
`.
Contoh penggunaan tag `
- ` dan `
- ` dalam HTML:
“`
- Item 1
- Item 2
- Item 3
“`
Hasilnya akan menjadi sebagai berikut:
– Item 1
– Item 2
– Item 3Jika ingin mengubah tanda bullet pada unordered list, kita dapat menambahkan atribut “style” pada tag `
- ` dengan nilai “circle”, “square”, atau “disc”. Misalnya, jika ingin menggunakan bullet berbentuk kotak, maka kodenya adalah sebagai berikut:
- Item 1
- Item 2
- Item 3
- `, dan `
- ` dalam HTML:
“`
- Item 1
- Deskripsi item 1
- Item 2
- Deskripsi item 2
- Item 3
- Deskripsi item 3
“`
Hasilnya akan menjadi sebagai berikut:
Item 1
Deskripsi item 1
Item 2
Deskripsi item 2
Item 3
Deskripsi item 3FAQ
Berikut ini adalah beberapa pertanyaan yang sering muncul terkait pembuatan daftar menggunakan HTML.1. Apa bedanya ordered list dan unordered list?
Jawaban: Ordered list adalah daftar yang memiliki nomor urut, sedangkan unordered list adalah daftar yang tidak memiliki nomor urut. Ordered list biasanya digunakan untuk daftar yang memiliki urutan tertentu, sedangkan unordered list biasanya digunakan untuk daftar yang tidak memiliki urutan tertentu.2. Bagaimana cara mengubah tanda bullet pada unordered list?
Jawaban: Kita dapat menggunakan atribut “style” pada tag `- ` dengan memilih salah satu nilai dari “circle”, “square”, atau “disc”. Misalnya, jika ingin menggunakan bullet berbentuk kotak, maka kodenya adalah sebagai berikut:
- Item 1
- Item 2
- Item 3
“`“`
Video Tutorial
Berikut ini adalah video tutorial tentang cara membuat daftar menggunakan HTML. Video ini menjelaskan secara lengkap dan mendalam mengenai pembuatan ordered list, unordered list, dan description list.“`
“`Kesimpulan
Dalam pembuatan daftar menggunakan HTML, terdapat tiga jenis daftar yang dapat digunakan, yaitu ordered list, unordered list, dan description list. Masing-masing jenis daftar memiliki tag HTML yang berbeda-beda. Ordered list digunakan untuk daftar yang terurut atau memiliki nomor urut, unordered list digunakan untuk daftar yang tidak terurut atau tidak memiliki nomor urut, dan description list digunakan untuk daftar yang menggambarkan atau memaparkan deskripsi dari setiap item dalam daftar. Selain itu, kita juga dapat mengubah tanda bullet pada unordered list dengan menggunakan atribut “style” pada tag `- ` dengan memilih salah satu nilai dari “circle”, “square”, atau “disc”.
If you are searching about Cara Membuat List pada HTML : Fungsi Tag ol, ul, li you’ve visit to the right page. We have 5 Pictures about Cara Membuat List pada HTML : Fungsi Tag ol, ul, li like Cara Membuat List pada HTML : Fungsi Tag ol, ul, li, Cara Membuat List dari Nama Sheet di Excel tanpa VBA | Chocky Andri and also Cara Membuat List pada HTML : Fungsi Tag ol, ul, li. Read more:
Baca Cepat showCara Membuat List Pada HTML : Fungsi Tag Ol, Ul, Li
itkoding.com
Cara Membuat List Dari Nama Sheet Di Excel Tanpa VBA | Chocky Andri
blog.chockyandri.me
vba nama aquila bl1 bolt
Aplikasi Raport Kurikulum 2013 Man Ilmu-Ilmu Alam (Mia) Excel
ruangguru-14.blogspot.com
My Diary: Cara Membuat List Pada Daftar Menggunakan Html
anneymeirisa.blogspot.com
membuat bentuk sering digunakan termasuk umum sebuah atribut ataupun biasanya
Cara Membuat List Data Di Excel – YouTube
www.youtube.com
excel di list cara membuat
Aplikasi raport kurikulum 2013 man ilmu-ilmu alam (mia) excel. Cara membuat list pada html : fungsi tag ol, ul, li. My diary: cara membuat list pada daftar menggunakan html
“`
“`
Hasilnya akan menjadi sebagai berikut:
– Item 1
– Item 2
– Item 3Description List
Description list adalah daftar yang menggambarkan atau memaparkan deskripsi dari setiap item dalam daftar. Description list diwakili oleh tag `` di HTML. Setiap elemen/item dalam daftar diwakili oleh tag `
` untuk judul/item dan `
` untuk deskripsi.
Contoh penggunaan tag `
- `, `