Page 328 - SK tingkatan 5
P. 328
<html>
<head>
<title> Gaya Jadual</title>
<style>
table
{
border-collapse: collapse;
width: 100%; 2
height: 20%; 3
}
table, th, td
{
border: 1px solid;
}
</style>
</head>
<body>
<h1>Laman Web Sekolah</h1>
<table>
<tr>
<th>KANDUNGAN LAMAN WEB</th>
</tr>
<tr>
<td>Pengenalan Sekolah</td> 1
</tr>
<tr>
<td>Senarai Guru</td>
</tr>
</table>
</body>
</html>
Output:
Rajah 3.3.63 Contoh HTML, CSS dan Output (lebar dan tinggi table)
Penerangan:
1 Terdapat <table> pada laman web.
2 Lebar <table> telah ditetapkan, iaitu width:100%.
3 Tinggi <table> telah ditetapkan, iaitu height:20%.
320 Sains Komputer Tingkatan 5
