MEMBUAT LAYOUT DENGAN TABLE UNTUK HALAMAN WEB

1
1224

Assalamualaikum.. hai teman-teman..

Pada kesempatan kali ini kita akan membahas bagaimana cara membuat layout dengan table pada sebuah halaman web, berikut merupakan scriptnya :

  1. Pertama untuk bagian headernya, saya menampilkan table untuk logo dan banner dan dibawahnya terdapat table menu. berikut merupakan scriptnya :

Oh iya, code html disimpan dengan layout.html ya, agar bisa dijalankan di web browser.2. Yang kedua adalah saya menampilkan bagian table untuk left content, main content dan right content, berikut merupakan lanjutan script dari table menu :

Jangan lupa code htmlnya untuk di save lagi ya, supaya tampilannya nanti berbeda dari sebelumnya.

3. Yang ketiga ini saya menampilkan bagian table untuk bottom menu dan footer, berikut merupakan lanjutan script dari table right content :

Jangan lupa save code htmlnya ya 🙂

Setelah menambahkan script terakhir tadi, hasil tampilannya menjadi seperti ini :

Ini adalah tampilan layout sederhana menggunakan table pada halaman web, masih banyak lagi tips-tips yang lebih menarik untuk mempercantik tampilan halaman pada web, terimakasih atas kunjungannya 🙂
Selamat mencoba ya..
Assalamualaikum..

 

 

1 KOMENTAR

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.