pemrograman web : cara membuat daftar atau list

14

Upload: didik-ariyana

Post on 16-Aug-2015

44 views

Category:

Presentations & Public Speaking


1 download

TRANSCRIPT

Daftar atau LISTAdalah 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 listOrdered 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 besari = Menggunakan huruf romawi kecilA = Menggunakan huruf besara = Menggunakan huruf kecil1 = default

1. Buka Notepad2. 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 GLOBALKELOMPOK 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..

321*Kesalahan Teknis

KLIK DISINI

THANK FOR WATCHING.Created Presentation By :

“KELOMPOK 3”

Kau Understand ? ( English Only Ok )