4. Daftar atau LIST
Adalah atribut yang digunakan unutk membuat daftar atau
sub daftar. Secara umum biasanya bentuk list yang sering
digunakan adalah seperti Angka, huruf, romawi, titik atau
bentuk-bentuk bidang seperti lingkaran, kotak, dll
5. 1. Ordered List atau numberred list <ol>, list yang berurutan dengan nomer atau abjad.
2. Unordered list atau bulleted list <ul>, List yang berurutan dengan simbol.
3. Definition list <dl>, List yang digunakan sebagai daftar istilah.
1. Ordered List dan Unordered list
Ordered list digunakan membuat daftar dimana setiap daftarnya memiliki
angka atau huruf yang berututan. Ordered list di mulai dengan
tag <OL> ...</OL>, dan setiap bagiannya menggunakan tag <LI> tampa tag
penutup ( </LI> ). Unordered List yaitu tipe berbentuk lingkaran dengan
warna hitam (default), lingkaran berwarna putih dan bentuk kotak.
6. Jenis List Atribut Fungsi
Ordered List
Type = 1 Daftar beruturan dengan menggunakan angka
(1,2,3...)
Type = I Daftar berututan dengan menggunakan anggka
romawi (I ,II ,III...)
Type = i Daftar yang berututan menggunakan angka
romawi kecil (i, ii, iii ...)
Type = A Daftar yang berurutan menggunakan abjad besar
(A,B,C ...)
Type = a Daftar yang berurutan menggunakan abjad kecil
(a,b,c ...)
Unordered List
Type = Cicrle Daftar dengan menggunakan tanda lingkaran
Type = Square Daftar dengan menggunakan tanda kotak
Type = Disk Daftar dengan menggunakan tanda cakram
7. jenis tag <ol> yang digunakan untuk membuat daftar item atau list dengan angka
Romawi di HTML. tag <ol> secara default menggunakan angka. Namun, untuk
tujuan-tujuan tertentu dapat diatur dengan atribut “type”. Jika Anda ingin daftar
mulai dari nilai tertentu dapat menggunakan atribut “start”. Kemudian di bawah ini
berisi angka awal untuk penomoran pada daftar menu html:
Berikut beberapa tipe list dengan tag <ol>:
I = digunakan huruf romawi besar
i = Menggunakan huruf romawi kecil
A = Menggunakan huruf besar
a = Menggunakan huruf kecil
1 = default
8. 1. Buka Notepad
2. Masukan Kode-kode HTML untuk membuat Daftar atau List. Diawali dengan tag
<html>, <head>,<title>,dan <body> ke dalam Notepad.
<html>
<head>
<title>Membuat Daftar Atau List</title>
</head>
<body>
<h3>Menu Makanan :</h3>
<ol><b>Ikan :</b>
<li>gurame</li>
<li>Nila</li>
<li>Udang</li>
</ol>
<ul><b>Barat :</b>
<li>Ayam</li>
<li>Pizza</li>
<li>Steak</li>
</ul>
</ul>
<dl><b>Minuman :</b>
<dt>Jus Jeruk</dt>
<dt>Jus Apel</dt>
<dt>Jus Mangga</dt>
</dl>
SMK TI BALI GLOBAL
KELOMPOK 3
</body>
9. 3. Kemudian Save dengan nama Sesuka anda dan di akhir diisi dengan .html
dengan Type : All Files
Contoh : Testing.html
gusgunawan.html
10. 4. Terakhir kita coba melihat hasil dari yang kita buat dengn cara mengklik Open
11. Membuat daftar menu atau list
dalam HTML
5. Dan Hasilnya..
*Kesalahan Teknis