Tabel seperti yang kita tahu terdiri dari kolom dan baris.
Pada tabel data-data dimasukkan dalam kombinasi antara kolom dan baris tertentu.
Beberapa baris dan kolom dari tabel bisa digabungkan untuk membuat tampilan yang sesuai dengan kebutuhan data kita.
Pada html semua itu dapat dilakukan, namun tentunya kita harus mengetahui terlebih dahulu bahan-bahan apa saja yang diperlukan untuk meracik sebuah tabel.
Untuk meracik sebuah tabel kita akan membutuhkan bahan-bahan sebagai berikut,
,
, dan
baris 1, kolom 1
baris 1, kolom 2
baris 2, kolom 1
baris 2, kolom 2
Tabel didefinisikan atau diapit oleh tag
kepanjangan dari Table Row digunakan untuk membuat suatu baris baru.
kepanjangan dari Table digunakan untuk membuat kolom/data.
Data Supaya gampang mengingatnya, ingat saja huruf belakangnya, tr --> r = row , td --> d = data .
Ini adalah kolom yang digab ungkan
baris 2, kolom 1
baris 2, kolom 2
baris 3, kolom 1
baris 3, kolom 2
Perhatikan bagian "Ini adalah kolom yang digabungkan", sebelumnya terlihat perintah
Ini adalah contoh penggunaan colspan.
Colspan memerintahkan agar beberapa kolom digabungkan tergantung dari nilai yang dituliskan.
Pada contoh diatas nilai tersebut adalah "2" sehingga 2 kolom digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tag html diatas.
baris 1, kolom 1
baris 1, kolom 2
ini yang digabungkan
baris 2, kolom 2
baris 3, kolom 2
Perhatikan bagian "Ini yang digabungkan", sebelumnya terlihat perintah
Ini adalah contoh penggunaan rowspam.
Rowspan digabungkan tergantung dari nilai yang dituliskan.
memerintahkan agar beberapa baris Pada contoh diatas nilai tersebut adalah "2" sehingga 2 baris digabungkan menjadi satu dan hasilnya dapat kalian lihat seperti contoh tag html diatas.
Colspan
digunakan menggabungkan kolom
Rowspan
digunakan menggabungkan baris untuk untuk
Border Cellpadding Cellspacing Frame
Border
Box
Void
above
Below
hsides
vsides
lhs
rhs
Bgcolor
Height
Width
Align
Center
Left
Right
Valing
top
Middle
bottom
1
2. Cell that spans two columns: Name Bill Gates Telephone 555 77 854 555 77 855 Cell that spans two rows: Name
Telephone
Bill Gates
55 77 854 5555 77 855
3.
DATA STASTISTIK PENJUALAN KOMPUTER “WIRA KOMPUTER”
BULAN
LOKASI
JAN FEB MAR APR
BALI
30% 40% 60% 50%
SURABAYA
50% 55% 60% 70%
3. MENU: 1. PROFIL SEKOLAH 2. JURUSAN a. PRL b.MM
c.TKJ
d.UPW
e.AP
f.JB
3. VISI MISI SEKOLAH 4. FOTO GALERY
SMK WIRA HARAPAN
Selamat Datang Di SMK WIRA HARAPAN Yayasan harapan Memiliki VISI dan MISI yang jelas dan kinerja pengelola yang berkwalitas secara berkesinambungan dengan asas “ DISIPLIN BERDASARKAN KASIH” SMK WIRA HARAPAN tampil untuk mendukung pendidikan di Kabupaten Badung sebagai implementasi Program Pendidikan Nasional yang menginginkan SMK lebih dominan dibandingan SMA dengan rasiao 70:30.
Semua itu bertujuan agar tamatan Sekolah Mengengah Kejuruan memiliki keterampilan hidup dan siap memasuki dunia kerja.
SMK WIRA HARAPAN siap mewijutkan program pemerintah.