List / Daftar adalah teks didalam dokumen yang berisi daftar item dari suatu kelompok atau group tertentu. Sebagai contoh, dalam situs web yang bertema kuliner, list dapat berupa daftar makanan dan minuman beserta harganya. List dapat juga berupa prosedur ( urutan langkah-langkah dari suatu pekerjaan tertentu, yang sifatnya harus dilakukan secara berurutan dari langkah pertama sampai langkah terakhir.
Tipe List/Daftar dalam Dokumen HTML
Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu :
Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>:
Simpan kode html diatas dengan nama list_ol.html. Buka file tersebut di browser maka tampilannya adalah sebagai berikut:
Adapun atribut untuk tag <ol> adalah "type" yang menunjukan jenis penomorannya . Secara default, type nya adalah menggunakan penomoran 1,2,3,4,5 dst.
Selain typedefault, type lain yang dapat digunakan untuk keperluan penomoran dalam suatu list adalah :
Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>:
Simpan kode html diatas dengan nama list_ul.html. Buka file tersebut di browser maka tampilannya adalah sebagai berikut:
Adapun atribut untuk tag <ol> adalah "type" yang menunjukan jenis penomorannya .Type lain yang dapat digunakan untuk keperluan penomoran dalam suatu list adalah :
Tipe List/Daftar dalam Dokumen HTML
Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu :
- Daftar Berurutan (Order List)
- Daftar Tidak Berurutan (Unordered List)
- Daftar Definisi (Definition List)
Berikut adalah contoh kode HTML untuk membuat ordered list menggunakan tag<ol>:
<!DOCTYPE html>
<html>
<head>
<title>tag list </title>
</head>
<body>
<h1>Daftar Menu</h1>
<ol>
<li>Nasi Goreng</li>
<li>Nasi Timbel</li>
<li>Mie Baso</li>
<li>Nasi Rames</li>
<li>Nasi Uduk</li>
</ol>
</body>
</html>
<html>
<head>
<title>tag list </title>
</head>
<body>
<h1>Daftar Menu</h1>
<ol>
<li>Nasi Goreng</li>
<li>Nasi Timbel</li>
<li>Mie Baso</li>
<li>Nasi Rames</li>
<li>Nasi Uduk</li>
</ol>
</body>
</html>
Simpan kode html diatas dengan nama list_ol.html. Buka file tersebut di browser maka tampilannya adalah sebagai berikut:
 | ||
| Daftar List Berurut |
Selain typedefault, type lain yang dapat digunakan untuk keperluan penomoran dalam suatu list adalah :
- Type A :Untuk membuat list berupa karakter A, B, C, D, dst
- Type a :Untuk membuat list berupa karakter a,b,c,d, dst
- Type I :Untuk membuat list berupa karakter I, II, III, dst
- Type i :Untuk membuat list berupa karakter i, ii, iii, dst
Berikut adalah contoh kode HTML untuk membuat unordered list menggunakan tag<ul>:
<!DOCTYPE html>
<html>
<head>
<title>tag list </title>
</head>
<body>
<h1>Daftar Menu</h1>
<ul>
<li>Nasi Goreng</li>
<li>Nasi Timbel</li>
<li>Mie Baso</li>
<li>Nasi Rames</li>
<li>Nasi Uduk</li>
</ul>
</body>
</html>
<html>
<head>
<title>tag list </title>
</head>
<body>
<h1>Daftar Menu</h1>
<ul>
<li>Nasi Goreng</li>
<li>Nasi Timbel</li>
<li>Mie Baso</li>
<li>Nasi Rames</li>
<li>Nasi Uduk</li>
</ul>
</body>
</html>
Simpan kode html diatas dengan nama list_ul.html. Buka file tersebut di browser maka tampilannya adalah sebagai berikut:
Adapun atribut untuk tag <ol> adalah "type" yang menunjukan jenis penomorannya .Type lain yang dapat digunakan untuk keperluan penomoran dalam suatu list adalah :
- Type Disk : Tanda untuk bulatan hitam, cara menulis tagnya <ul type="disk">
- Type Circle : Tanda untuk bulatan putih, cara menulis tagnya <ul type="circle">
- Type D : Tanda untuk tanda kotak, cara menulis tagnya <ul type="square">
kalo ngasih warna pada listnya gimana gan.....???
ReplyDeletedi awal tag list nya agan masukan tag <font color="nama warna/kode warna>...</font>
Deletebagus
ReplyDelete