Sembile Shared - Layout pada halaman web sangat penting untuk membuat website sobat terlihat lebih bagus. Dalam merancang Layout untuk halaman web, sobat harus ekstra hati-hati. Pada umumnya website berisikan berbagai kolom (seperti format pada majalah atau koran), untuk membuat berbagai kolom dibutuhkan tag <table> atau tag <div>. Pada umumnya CSS juga ditambahkan untuk merubah posisi elemen atau membuat background, bisa juga untuk mempercantik tampilan halaman web. Dibawah ini adalah contoh dari pembuatan Layout menggunakan tag <table> dan tag <div>.
Contoh pembuatan Layout dengan menggunakan tag <table>
cara sederhana untuk membuat Layout dengan menggunakan tag <table> pada HTML adalah sebagai berikut :
<html>
<body><table width = "500" border = "0"><tr><td colspan = "2" style = "background-color:#00ffff;"><h1>Judul Pada Halaman Web</h1></td></tr><tr><tr valign = "top"><td style = "background-color:#680000; width:100px; text-align:top;"><b>Daftar Isi</b><br/>HTML<br/>XHTML<br/>CSS<br/>Java Script</td><td style = "background-color:#b0b0b0; height:200px; width:400px; text-align:top;">Isi Artikel Sobat Disini</td></tr><tr><td colspan = "2" style = "background-color:#33cccc; text-align:center;">created by sembile shared</td></tr></body></html>
Maka tampilan untuk contoh diatas adalah seperti tampilan dibawah ini :
Judul Pada Halaman Web | |
| Daftar Isi HTML XHTML CSS Java Script | Isi Artikel Sobat Disini |
| created by sembile shared | |
Sekian postingan dari Sembile Shared, Semoga ini bermanffat buat sobat semua dan terimakasih atas kunjungannya :)
0 komentar:
Posting Komentar