2. Tabel dan Gambar 3. List dan Format Teks 4. Body dan Format 5. Frame
Modul-3 HTML (2) 2
Tabel : Cell
Modul-3 HTML (2) 3
Tabel Sederhana
Modul-3 HTML (2) 4
1. Tabel dan Sel
Tag Untuk membuat tabel
adalah : <table border=ukuran cellpadding=ukuran_sel cellspacing=jarak_sel width=%lebar>
Tag untuk membuat baris dan
kolom : <tr> ..</tr> = membuat baris <td width=%lebar>..<td> = % lebar kolom Contoh :
Modul-3 HTML (2) 5
Border, Cellpadding dan cellspacing
Cellpadding = angka yang
menunjukkan skala besarnya kotak tabel Cellspacing = angka yang menunjukkan jarak antar sel Border = angka yang menunjukkan tebal bingkai tabel Width = pada tabel menunjukkan berapa persen lebar tabel dibanding layar Width = pada kolom berapa persen lebar tabel; dibagi kolom
Modul-3 HTML (2) 6
2. Tabel dengan sel berisi gambar Pada prinsipnya isi dari sel dalam tabel adalah bebas, bisa berisi teks gambar, atau link yang masing- masingnya dapat diformat Berikut ini contoh tabel dengan sel-sel berisi gambar Demo program
Modul-3 HTML (2) 7
2. List dan Format teks
Format paragraf dan teks
<p align=center/left/right> : atur paragraf Superscript : <SUP>..</SUP> Subscript : <SUB>..</SUB> List Un order : <UL>..</UL> Elemen List : <LI>..</LI>
DEMO Modul-3 HTML (2) 8 TUGAS PBW ke 1
1. Buatlah dokumen HTML
Untuk menampilkan tabel sebagai berikut ini : Ketentuan : Judul tabel biru, judul kolom tebal, untuk angka pada nomor ditengah kolom
1. Buatlah dokumen HTML
Untuk menampilkan tabel Berwarna sebagai berikut ini : Ketentuan : Judul tabel biru, judul kolom tebal, untuk angka pada nomor ditengah kolom