layout tabel
dan ini scriptnya :<html>
<head>
<title> 09018277 </title>
</head>
<body>
<table border="1" width="500">
<tr>
<td style="background-color:red;text-align:center;"><strong>Header kiri</strong></td>
<td style="background-color:yellow;text-align:center;" width="50"><strong>Header tengah</strong></td>
<td style="background-color:green;text-align:center;"><strong>Header kanan</strong></td>
</tr>
<tr>
<td valign="top" align="center" rowspan="2" bgcolor="#008080"><strong>Menu kiri<strong></td>
<td align="center" colspan="2" height="200"><strong>Bagian
Isi</strong></td>
</tr>
<tr>
<td style="background-color:aqua;text-align:center;"><strong>Footer tengah<strong></td>
<td style="background-color:pink;text-align:center;"><strong>Footer kanan<strong></td>
</tr>
</table>
</body>
</html>
layout menu
di bawah ini scriptnya :<html>
<head>
<title> 09018277 </title>
</head>
<body>
<table width="600"border="0">
<tbody>
<tr>
<td style="background-color:aqua;"colspan="3">
<h1 style="text-align:center;"><strong>Judul Website</strong></h1>
<p style="text-align:center;">deskripsi website</p>
</td>
</tr>
<tr valign="top">
<td style="background-color:red;width:100px;text-align:center;"><strong>DAFTAR MENU</strong>
<p>
<br>HTML</br>
<br>CSS</br>
<br>PHP</br>
<br>CMS</br>
</p>
</td>
<td style="background-color: yellow; width:400px;height:200px;text-align:center;"><strong>konten berada di kolom ini</strong></td>
<td style="background-color:green;width:100px;text-align:center;"><strong>Daftar Archive</strong></td>
</td>
<tr>
<td style="background-color:pink;text-align:center;"colspan="3"><strong>Foter Disini</strong>
</tr>
</tbody>
</table>
</body>
</html>
Tidak ada komentar:
Posting Komentar