Cara Membuat HTML Layout Dengan Tabel Di Blog, 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):
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 gunakan Tool Kode Hex Warna di blog ini. berkreatifitas sendirilah agar sesuai dengan keinginan di template blog anda.
EmoticonEmoticon