Pemrograman web : Cara membuat Daftar atau List
- 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
- 12. KLIK DISINI
- 13. THANK FOR WATCHING. Created Presentation By : “KELOMPOK 3”
- 14. Kau Understand ? ( English Only Ok )