HTML Lists
Daftar HTML yang paling umum yang memerintahkan dan daftar unordered:
Daftar HTML
An ordered list:
| An unordered list:
|
Coba-It-Yourself Contoh
Unordered list
Cara membuat daftar unordered dalam dokumen HTML.
Cara membuat daftar unordered dalam dokumen HTML.
Memerintahkan daftar
Cara membuat daftar ordered dalam dokumen HTML.
Cara membuat daftar ordered dalam dokumen HTML.
(Anda dapat menemukan lebih banyak contoh di bagian bawah halaman ini).
Daftar Unordered HTML
Daftar unordered dimulai dengan tag <ul>. Setiap item daftar dimulai dengan tag <li>.
Daftar item ditandai dengan peluru (lingkaran hitam biasanya kecil).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Bagaimana kode HTML di atas terlihat dalam browser:
- Kopi
- Susu
HTML Memerintahkan Lists
Ordered list dimulai dengan tag <ol>. Setiap item daftar dimulai dengan tag <li>.
Daftar item ditandai dengan angka.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
Bagaimana kode HTML di atas terlihat dalam browser:
- Kopi
- Susu
Deskripsi HTML
Sebuah daftar deskripsi adalah daftar istilah / nama, dengan deskripsi masing-masing istilah / nama.
Tag <dl> mendefinisikan daftar deskripsi.
Tag <dl> digunakan dalam hubungannya dengan <dt> (mendefinisikan istilah / nama) dan <dd> (menjelaskan setiap istilah / nama):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
Bagaimana kode HTML di atas terlihat dalam browser:
- Kopi
- - Minuman panas hitam
- Susu
- - Minuman dingin putih
Catatan Dasar - Tips Berguna
Tip: Di dalam daftar item Anda dapat menempatkan teks, jeda baris, gambar, link, daftar lainnya, dll
Contoh lainnya
Berbagai jenis daftar memerintahkan
Menunjukkan berbagai jenis daftar memerintahkan.
Menunjukkan berbagai jenis daftar memerintahkan.
Berbagai jenis daftar unordered
Menunjukkan berbagai jenis daftar unordered.
Menunjukkan berbagai jenis daftar unordered.
Daftar bersarang
Menunjukkan bagaimana Anda bisa daftar sarang.
Menunjukkan bagaimana Anda bisa daftar sarang.
Bersarang daftar 2
Menunjukkan daftar nested lebih rumit.
Menunjukkan daftar nested lebih rumit.
Deskripsi daftar
Menunjukkan daftar definisi.
Menunjukkan daftar definisi.
HTML Tags List
| Tag | Description |
|---|---|
| <ol> | Defines an ordered list |
| <ul> | Defines an unordered list |
| <li> | Defines a list item |
| <dl> | Defines a description list |
| <dt> | Defines a term/name in a description list |
| <dd> | Defines a description of a term/name in a description list |
