html #1 Layout

Dalam membuat sebuah halaman Web tentu saja yang termasuk dalam bagian terpenting adalah tata letaknya, dimana posisi menu misalnya, atau navigasi, Header, konten?, atau bahkan kolom komentar. Nah semua itulah yang akan kemudian kita sebut mengatur Layout pada halaman web di pembahasan kali ini.
Hmmh... mari langsung saja, bahwa ada beberapa Tag yang bisa digunakan untuk menata/mengatur layout tersebut, dalam hal ini html pastinya. Misalnya saja <div> atau juga <table>. Memang, secara umum <div> lebih sering digunakan, akan tetapi untuk menata lebih baik lagi Tag <div> memerlukan script tambahan yang belum kita bahas kali ini yaitu CSS. Nah akan tetapi dengan memakai <table> kita bisa membuat layout yang sesuai dengan keinginan kita, meskipun sederhana, dan cara ini sebenarnya lebih mudah.

Tampilan script diatas.

Lalu bagaimana merubah gambar kotak-kotak itu menjadi halaman web?
Maka sebelum itu berikut ini adalah beberapa hal yang perlu kita ketahui mengenai tag <table> - Tag <table> digunakan untuk memulai tabel
- Tag <tr> adalah singkatan dari table row, digunakan untuk membuat baris dari tabel.
- Tag <td> adalah singkatan dari table data, digunakan untuk menginput data ke tabel.
Tag Parent Fungsi
<table> </table> --- tag utama
<caption> </caption> <table> Menampilkan judul tabel
<tr></tr> <table> Tag baris
<th></th> <tr> Header table
<td></td> <tr> Tag sel-sel tabel
Berikut ini beberapa atribut tag tabel
Atribut Fungsi
bgcolor warna background
width, height lebar dan tinggi tabel (dalam % atau pixel)
cellspacing jarak antar cell
cellpadding jarak teks ke cell
border lebar garis batas, 0=tanpa garis batas
Berikut ini atribut tag-tag <th> dan <td>, bila disebutkan di tag <tr> maka atribut di tag <th> dan <td> diabaika
Atribut Fungsi
bgcolor warna background
width, height lebar dan tinggi tabel (dalam % atau pixel)
align (left, right, center) pengaturan posisi horisontal isi sel, rata kanan/kiri/tengah
valign (top, bottom, middle) pengaturan posisi vertikal terhadap isi sel, di atas, bawah atau tengah
colspan=n ekstensi (span) n kolom ke kanan
rospan=n ekstensi (span) n baris ke bawah
nowrap mematikan word wrapping

Tampilan script diatas.
Baik demikianlah cara membuat layout web dengan menggunakan Tag table, terlihat sangat sederhana bukan?. Nama saya Aeswis sampai jumpa... ;D .