Tabel penting untuk menampilkan data, tetapi juga digunakan secara luas
untuk dekorasi dan mengurangi penciptaan tata letak halaman. Tabel HTML terdiri dari tabel awal, baris dan definisi sel. Untuk membuat penggunaan tabel <TABLE ...> </ TABLE> . Ingatlah untuk menutup tag table! <TABLE ...> </ TABLE> dapat berisi beberapa atribut:
- PERBATASAN: Ukuran perbatasan di sekitar meja
- CELLPADDING: Ruang antara tepi sel dan isi
- CELLSPACING: Ruang antara sel
- LEBAR: Lebar tabel secara keseluruhan, dapat berisi nilai-nilai percentual
- BGCOLOR: Warna latar belakang
- LATAR BELAKANG: Gambar untuk digunakan sebagai latar belakang
- ALIGN: Alignment meja untuk teks sekitarnya
- Hspace: ruang horisontal antara meja dan teks sekitarnya
- Vspace: ruang vertikal antara meja dan teks sekitarnya
- TINGGI: Ketinggian meja secara keseluruhan
- FRAME: Bagian dari perbatasan luar yang terlihat
- ATURAN: Jika harus ada batas-batas internal
- Bordercolor: Warna perbatasan di sekitar meja
- BORDERCOLORLIGHT: Warna "cahaya" bagian dari perbatasan di sekitar meja
- BORDERCOLORDARK: Warna "gelap" bagian dari perbatasan di sekitar meja
- RINGKASAN: Ringkasan tujuan meja
Untuk membuat meja kerja, Anda perlu menetapkan baris untuk itu. Hal ini dilakukan dengan <tr ...> </ TR> tag. <tr ...> </ TR> dapat berisi beberapa atribut:
- HALIGN: Horizontal alignment dari isi sel
- Valign: Vertical alignment dari isi sel
- BGCOLOR: Warna latar belakang
- LATAR BELAKANG: Latar Belakang gambar
- Bordercolor: Warna perbatasan sekitar setiap sel
- BORDERCOLORLIGHT: Warna "cahaya" bagian dari perbatasan sekitar setiap sel
- BORDERCOLORDARK: Warna "gelap" bagian dari perbatasan sekitar setiap sel
Anda juga perlu data aktual, sel, pada baris. Hal ini dilakukan dengan <TD ...> </ TD> tag. <TD ...> </ TD> dapat berisi beberapa atribut:
- ALIGN: Horizontal alignment dari isi sel
- Valign: Vertical alignment dari isi sel
- LEBAR: Lebar sel
- TINGGI: Ketinggian sel
- Colspan: Jumlah kolom untuk menutupi
- Rowspan: Jumlah baris untuk menutupi
- Nowrap: Jangan wordwrap
- BGCOLOR: Warna latar belakang
- Bordercolor: Warna perbatasan di sekitar meja
- BORDERCOLORDARK: Warna "gelap" bagian dari perbatasan di sekitar meja
- BORDERCOLORLIGHT: Warna "cahaya" bagian dari perbatasan di sekitar meja
- LATAR BELAKANG: Picture untuk digunakan sebagai latar belakang
|
Contoh # 1 |
Ini semua mungkin membingungkan pada awalnya, tapi Anda yakin akan belajar untuk menggunakan ini. Perlu diingat bahwa tidak semua atribut yang diperlukan untuk mengisi! Contoh tabel sederhana: <TABLE WIDTH = "50%" BORDER = "2" CELLPADDING = "4" CELLSPACING = "0" > <TR valign = "tengah" > <TD> Row 1, Cell 1 </ TD> <TD> Row 1, Cell 2 </ TD> </ TR> <TR valign = "tengah" > <TD> Row 2, Cell 1 </ TD> <TD> Row 2, Cell 2 </ TD> </ TR> </ TABLE>
Akan terlihat seperti ini:
| Row 1, Cell 1 |
Row 1, Cell 2 |
| Row 2, Cell 1 |
Row 2, Cell 2 |
|
Untuk mendapatkan lebih banyak dari tabel Anda, terutama jika Anda menggunakan mereka dalam tujuan dekoratif, coba gunakan CSS. Lebih lanjut tentang CSS dari W3 . Klik di sini untuk kembali ke isi ... |
