4.modul Format Tabel Dan List
4.modul Format Tabel Dan List
A. Tujuan
1. Menentukan penerapan format tabel dalam web
2. Menentukan prosedur pembuatan tabel dalam web
3. Merancang daftar tampilan dalam halaman web
4. Membuat program halaman web yang menampilkan teks dengan berbagai
format
5. Menguji program tampilan tabel dalam halaman web
6. Menguji hasil tampilan halaman web dengan berbagai format teks
B. Dasar Teori
Mengatur Warna Latar (Background) Sel Di Dalam Tabel
Masing-masing baris dan sel yang terdapat pada suatu tabel dapat dipercantik
dengan memberi warna latar belakang (background). Caranya sederhana, hanya
dengan memberi nilai pada atribut bgColor pada tag <tr> (untuk baris) maupun
<th> atau <td> (untuk sel). Nilai warna yang digunakan untuk mengisi atribut
bgColor dapat berupa red, green, blue, violet, aqua, skyblue, purple, pink, silver,
maroon, dsb (nama warna dalam Bahasa Inggris) atau halaman bentuk notasi
heksadesimal, seperti: #000000, #FFFFFF, #FF22AA, #00FF1112, dsb. Warna-
warna tersebut dapat kita peroleh dari internet maupun dari Adobe Photoshop.
Berikut ini cara mudah mendapatkan identitas warna menggunakan bentuk
notasi heksadesimal di dalam Adobe Photoshop:
1
SMK NEGERI 1
SUKOREJO
Gambar 4.1 Bentuk Notasi Heksadesimal Warna
2
SMK NEGERI 1
SUKOREJO
Contoh penerapan warna latar di dalam suatu tabel adalah pada saat kita ingin
memberi warna latar yang berbeda untuk baris ganjil dan genap. Harapannya adalah
agar tampilan tabel tampak lebih menarik dan mudah dibaca.
Pengertian List
List adalah bagian teks di dalam dokumen yang berisi daftar item dari suatu
kelompok atau grup tertentu. Sebagai contoh, dalam situs web yang bertema kuliner,
list bisa berupa daftar dari makanan dan minuman beserta harganya. List juga bisa
berupa prosedur (runtunan langkah) dari suatu pekerjaan tertentu, yang sifatnya
harus dilakukan secara berurutan mulai dari langkah pertama sampai langkah
terakhir.
HTML menyediakan beberapa tag khusus yang dapat digunakan untuk
menangani kasus pembuatan list dengan beraneka ragam bentuk, bahkan untuk
daftar bersarang (nested list).
Dalam dokumen HTML, tipe daftar dibedakan menjadi tiga, yaitu:
Daftar terurut (ordered list)
Daftar yang terurut biasanya ditandai dengan penggunaan aturan penomoran
tertentu. Penomoran ini bisa menggunakan angka (1, 2, 3, ...) maupun
karakter alfabet tertentu (a, b, c, ... atau i, ii, iii, ...). Daftar yang terurut pada
umumnya digunakan untuk item-item yang saling berhubungan satu sama
lain, atau untuk menuliskan langkah-langkah atau prosedur dari kegiatan
tertentu yang tidak dapat dilakukan secara acak.
Contoh daftar yang terurut adalah seperti pada cara membuat dokumen
HTML, misalnya:
Langkah-langkah membuat dokumen HTML:
1. Jalankan aplikasi Text Editor
2. Isikan kode HTML ke dalam Text Editor
3. Simpan file dengan ekstensi .htm atau .html
4. Jalankan file HTML menggunakan aplikasi web browser
untuk menampilkan hasilnya
E. Tugas Berkelompok
1. Gabungkan dari tugas mandiri di atas dalam anggota kelompok yang
sudah ditentukan menjadi satu yang dapat di-link-an satu sama lain !
2. Desain yang menarik akan menjadi prioritas penilaian.
Mutiara Kehidupan :