MATERI 3 List dan Table HTML A. List HTML List merupakan bentuk yang umum biasa kita gunakan untuk menguraikan daftar sesuatu, misalnya jenis-jenis list dalam HTML: 1. Ordered List Jenis ini adalah menggunakan angka 1,2,3,…,dst sampai denga jumlah item dalam list tersebut. Tag yang digunakan adalah

Dan
1. untuk item-itemnya. Berikut adalah contoh ordered list. Perhatikan hasilnya: Atribut Type-type yang dapat digunakan untuk mengubah penomoran dalam ordered list, yaitu: a. Type I, ditampilkan dengan angka romawi huruf besar. Berikut adalah contohnya dan perhatikan hasilnya: b. Type i, ditampilkan dengan angka romawi huruf kecil. c. Type a, diunah dengan menggunakan abjad huruf kecil. d. Type A, diubah dengan menggunakan abjad huruf besar. Untuk latihan, cobalah gunakan seluruh atribut type diatas! Selain atribut type, ada juga atribut start. Digunakan untuk mendefinisikan nomor awal yang akan digunakan pada ordered list. Jika ingin supaya list dimulai dari nomer 5, maka contoh penggunaanya adalah
   …
   . Untuk latihan cobalah gunakan atribut start tersebut!! 2. Unordered List Sering disebut dengan bulleted list. Tag yang digunakan adalah
   dan
   • untuk item-itemnya. Berikut adalah contoh penggunaanya: Atribut type yang digunakan untuk mengubah jenis bullet adalah circle dan box. Berikut adalah contoh penggunaan atribut type circle dan perhatikan hasilnya: Untuk latihan cobalah gunakan atribut type box dan perhatikan hasilnya!! 3. Nested List Bullet dapat digunakan secara bersarang, maksudnya didalam list ada list lagi. Berikut adalah penggunaannya dan perhatikan hasilnya: Untuk Latihan, buatlah contoh lain dengan menggunakan nested list yang lebih bervariasi!! 4. Definition List List ini digunakan untuk mendefinisikan sesuatu. Berikut adalah contoh penggunaanya dan perhatikan hasilnya: Untuk latihan, cobalah buat contoh lainnya dengan menggunakan list tersebut yang lebih bervariasi!! B. Table HTML Table digunakan untuk menyajikan data dalam bentuk kolom dan baris. Umumnya setiap baris yang terdiri atas kolom-kolom menunjukkan kelompok data dalam satu kesatuan. Elemen-elemen / tag-tag pada table yang digunakan adalah a. … , mendefinisikan sebuah table dalam HTML. b. … , mendefinisikan tulisan untuk judul table. c. … , menspesifikasikan sebuah baris table dalam table. d. … , mendefinisikan sel header table. e. .. , mendefinisikan sebuah sel data table. Selain itu terdapat atribut-atribut yang digunakan pada table, yaitu: a. Atribut pada tag table : - width=”..”, (lebar) - height=”..” (tinggi) - Border=”..” (mengatur ukuran bingkai tabel) - Cellspacing=”..” (mengatur jarak antarsel) - Cellpadding=”..” (mengatur jarak bingkai dengan isi) - Align=”..” - Bgcolor=”..” - Bordercolor=”..” b. Atribut pada tag - Align=”..” - Valign=”..” (mengatur perataan secara vertical tengah, atas, atau bawah) - Bgcolor=”..” c. Atribut pada tag - Rowspan=”..” (menggabungkan beberapa baris menjadi satu) - Colspan=”..” (menggabungkan beberapa kolom menjadi satu)