SlideShare a Scribd company logo
1 of 14
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
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.
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
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
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>
3. Kemudian Save dengan nama Sesuka anda dan di akhir diisi dengan .html
dengan Type : All Files
Contoh : Testing.html
gusgunawan.html
4. Terakhir kita coba melihat hasil dari yang kita buat dengn cara mengklik Open
Membuat daftar menu atau list
dalam HTML
5. Dan Hasilnya..
*Kesalahan Teknis
KLIK DISINI
THANK FOR WATCHING.
Created Presentation By :
“KELOMPOK 3”
Kau Understand ?
( English Only Ok )

Pemrograman web : Cara membuat Daftar atau List

  • 1.
  • 2.
  • 3.
  • 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
  • 13. THANK FOR WATCHING. Created Presentation By : “KELOMPOK 3”
  • 14. Kau Understand ? ( English Only Ok )