Membuat Lists di html
HTML menawarkan penulis web tiga cara untuk menentukan daftar informasi. Semua daftar harus berisi satu atau beberapa elemen daftar. Daftar mungkin berisi −
<ul> − Daftar yang tidak berurutan. Ini akan mencantumkan item menggunakan poin biasa.
<ol> − Daftar yang dipesan. Ini akan menggunakan skema angka yang berbeda untuk mencantumkan item Anda.
<dl> − Daftar definisi. Ini mengatur item Anda dengan cara yang sama seperti yang diatur dalam kamus.
Deskripsi List html
HTML juga mendukung daftar deskripsi.
Daftar deskripsi adalah daftar istilah, dengan deskripsi setiap istilah.
Tag mendefinisikan daftar deskripsi, tag mendefinisikan istilah (nama), dan tag menjelaskan setiap istilah:<dl>
<dt>
<dd>
Daftar Definisi HTML
HTML dan XHTML mendukung gaya daftar yang disebut daftar definisi di mana entri terdaftar seperti dalam kamus atau ensiklopedia. Daftar definisi adalah cara ideal untuk menyajikan glosarium, daftar istilah, atau daftar nama/nilai lainnya.
Daftar Definisi menggunakan tiga tag berikut.
- <dl> − Menentukan awal daftar
- <dt> − Sebuah istilah
- <dd> − Definisi istilah
- </dl> − Menentukan akhir daftar
<!DOCTYPE html>
<html>
<head>
<title>HTML Definition List</title>
</head>
<body>
<dl>
<dt><b>HTML</b></dt>
<dd>This stands for Hyper Text Markup Language</dd>
<dt><b>HTTP</b></dt>
<dd>This stands for Hyper Text Transfer Protocol</dd>
</dl>
</body>
</html>
Unordered Lists
HTML Daftar Tanpa Urutan
Daftar yang tidak berurutan adalah kumpulan item terkait yang tidak memiliki urutan atau urutan khusus. Daftar ini dibuat dengan menggunakan tag HTML <ul>. Setiap item dalam daftar ditandai dengan poin.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>HTML Unordered List</title>
</head>
<body>
<ul>
<li>Pulsa</li>
<li>Kuota</li>
<li>Token</li>
<li>Bayar</li>
</ul>
</body>
</html>
- Pulsa
- Kuota
- Token
- Bayar
Untuk Tipe Atribut
Anda dapat menggunakan atribut type untuk tag <ul> untuk menentukan jenis poin yang Anda suka. Secara default, ini adalah disk. Berikut ini adalah opsi yang memungkinkan −
<ul type = "square">
<ul type = "disc">
<ul type = "circle">
Ordered Lists
HTML Daftar Yang Dipesan
Jika Anda diminta untuk memasukkan item Anda ke dalam daftar bernomor alih-alih berpoin, maka daftar urutan HTML akan digunakan. Daftar ini dibuat dengan menggunakan tag <ol>. Penomoran dimulai dari satu dan bertambah satu untuk setiap elemen daftar berurutan berturut-turut yang ditandai dengan <li>.
Contoh:
<!DOCTYPE html>
<html>
<head>
<title>HTML Ordered List</title>
</head>
<body>
<ol>
<li>Jengkol</li>
<li>Ketoprak</li>
<li>Tempe</li>
<li>Ayam</li>
</ol>
</body>
</html>
- Jengkol
- Ketoprak
- Tempe
- Ayam
Untuk Tipe atributnya dibawah ini
Anda dapat menggunakan atribut type untuk tag <ol> untuk menentukan jenis penomoran yang Anda suka. Secara default, ini adalah angka. Berikut ini adalah opsi yang memungkinkan −
<ol type = "1"> - Default-Case Numerals.
<ol type = "I"> - Upper-Case Numerals.
<ol type = "i"> - Lower-Case Numerals.
<ol type = "A"> - Upper-Case Letters.
<ol type = "a"> - Lower-Case Letters.
Kesimpulan Lists html
- Menggunakan elemen HTML untuk menentukan daftar deskripsi
<dl>
- Gunakan elemen HTML untuk menentukan istilah deskripsi
<dt>
- Menggunakan elemen HTML untuk mendeskripsikan istilah dalam daftar deskripsi
<dd>