Laihan membuat halaman website:
<!DOCTYPE html>
<html>
<head>
<title>Latihan 9</title>
<style>
table, th, td {
border: 1px solid black;
padding:5px;
background-color:red;
}
</style>
</head>
<body>
<h2 align=center>Latihan 9</h2>
<table width=80% align=center border=1px>
<tr style='background-color:red;'>
<td align=center><img src="pku.jpg" alt="Gambar" style="width:100px;height:100px"></td>
<td colspan=3>
<font size=24 style='color:yellow;'>Toko Buku Budi Antara</font>
</td>
</tr>
<tr >
<td colspan=4 style='background-color:black;'>
<div align=center><font size=24 style='color:yellow; text-align:center;' >Home | Produk | Gallery | Buku</font></div>
</td>
</tr>
<tr>
<td rowspan=4 width=250 style='background-color:black;'><img src="pku.jpg" alt="Gambar" style="width:200px;height:400px"></td>
<td style='background-color:yellow;text-align:center;'><img src="pku.jpg" alt="Gambar" style="width:100px;height:100px"></td>
<td style='background-color:yellow;'>Buku PHP</td>
<td style='background-color:yellow;'>Rp. 100.000</td>
</tr>
<tr>
<td style='background-color:yellow;text-align:center;'><img src="pku.jpg" alt="Gambar" style="width:100px;height:100px"></td>
<td style='background-color:yellow;'>Buku MYSQL</td>
<td style='background-color:yellow;'>Rp. 100.000</td>
</tr>
<tr>
<td style='background-color:yellow;text-align:center;'><img src="pku.jpg" alt="Gambar" style="width:100px;height:100px"></td>
<td style='background-color:yellow;'>Buku HTML</td>
<td style='background-color:yellow;'>Rp. 100.000</td>
</tr>
<tr>
<td style='background-color:yellow;text-align:center;'><img src="pku.jpg" alt="Gambar" style="width:100px;height:100px"></td>
<td style='background-color:yellow;'>Buku ASP</td>
<td style='background-color:yellow;'>Rp. 100.000</td>
</tr>
<tr>
<td colspan=4 align=center>Copyright©budi.com</td>
</tr>
</table>
</body>
</html>
