Home Belajar
HTML
Intro
Elemen
Perintah Dasar
Atribut
Format
Link
Daftar
Form
Gambar
Background
Warna
Daftar Singkat
Belajar CSS
Link-Link
www.w3schools.com |
List HTML
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------
HTML bisa digunakan untuk membuat daftar bernomor, tidak bernomor
(bullet), dan daftar definisi.
--------------------------------------------------------------------------------
List Tidak Bernomor (Bulleted)
Sebuah list tidak bernomor adalah sebuah daftar dari sesuatu. Daftar
tersebut ditandai dengan simbol (biasanya lingkaran hitam).
Sebuah list tidak bernomor diawali tag <ul>. Setiap item diawali dengan
tag <li>.
<ul>
<li>Kopi</li>
<li>Susu</li>
</ul>
Di browser akan terlihat seperti ini:
Di dalam daftar bisa kamu tambahkan paragraf, pergantian baris,
gambar, link, daftar lainnya, dll.
--------------------------------------------------------------------------------
Daftar Bernomor
Sebuah daftar bernomor juga sebuah daftar dari sesuatu. Daftar
tersebut ditandai dengan nomor berurutan.
Sebuah daftar bernomor diawali dengan tag <ol>. Setiap unsur di dalamnya
diawali tag <li>.
<ol>
<li>Kopi</li>
<li>Susu</li>
</ol>
Akan tampil seperti ini:
- Kopi
- Susu
Di dalam daftar bisa kamu sisipkan paragraf, pergantian baris,
gambar, link, daftar lain, dll.
--------------------------------------------------------------------------------
Daftar Definisi
Sebuah list definisi bukan daftar dari suatu unsur. Ini adalah daftar
dari suatu hal dan penjelasan dari hal tersebut.
Sebuah daftar definisi diawali tag <dl>. Setiap unsur diawali <dt>. Dan
setiap definisi dari unsur tersebut diawali dengan tag <dd>.
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
Akan tampil seperti ini:
- Coffee
- Black hot drink
- Milk
- White cold drink
Di dalam daftar bisa kamu sisipkan paragraf, pergantian baris, gambar,
link, daftar lain, dll.
--------------------------------------------------------------------------------
Tag List
Tag |
Deskripsi |
<ol> |
Menunjukkan list bernomor |
<ul> |
Menunjukkan list tidak bernomor |
<li> |
Menunjukkan unsur-unsur dari list |
<dl> |
Menunjukkan daftar definisi |
<dt> |
Menunjukkan hal yang bersangkutan |
<dd> |
Menunjukkan deskripsi dari sebuah definisi |
--------------------------------------------------------------------------------
Sebelumnya -- Berikutnya
--------------------------------------------------------------------------------
|
Pilih Style
untuk halaman ini
|