HTML Layout Dengan Tabel

Tabel telah menjadi metode populer untuk mencapai layout maju dalam HTML. Secara umum, ini melibatkan menempatkan seluruh halaman web di dalam sebuah tabel besar. Tabel ini memiliki kolom atau baris yang berbeda untuk setiap bagian utama.

Misalnya, contoh tata letak HTML berikut ini dicapai dengan menggunakan tabel dengan 3 baris dan 2 kolom - tetapi header dan footer kolom meliputi kedua kolom (menggunakan atribut colspan):

Nah..setelah pada postingan sebelumnya..saya membuat artikel tentang Variasi kode HTML Border sekarang saya mau sharing lagi kepada anda semua..

Ok langsung ke cara pembuatannya aja Yu...!!!

Berikut kode HTMLNya :

<table width="400px" border="0">
<tr>
<td colspan="2" style="background-color:yellow;">
Header
</td>
</tr>
<tr>
<td style="background-color:orange;width:100px;text-align:top;">
Left menu<br />
Item 1<br />
Item 2<br />
Item 3...
</td>
<td style="background-color:#eeeeee;height:200px;width:300px;text-align:top;">
Main body
</td>
</tr>
<tr>
<td colspan="2" style="background-color:yellow;">
Footer
</td>
</tr>
</table>

Hasilnya akan tampak tabel seperti dibawah ini :

Header
Left menu Item 1 Item 2 Item 3...	Main body
Footer

Dan untuk kombinasi warna, silahkan anda berkreatifitas sendiri agar sesuai dengan template anda...

Selamat mencoba !!!

shared by :http://.blogspot.com/

source :http://www.quackit.com/