Page 323 - SK tingkatan 5
P. 323
CONTOH 17
Contoh 17 menunjukkan bahawa border hendak ditambah pada jadual (table), kepala jadual (header) dan
data jadual yang diwakili oleh <table>, <th> dan <td>. Setiap border mempunyai ketebalan sebanyak 1
piksel dan jenis garisan solid. Atur cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.59.
<html>
<head>
<title>Gaya Jadual</title>
<style>
table, th, td
{
border: 1px solid; 2
}
</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.59 Contoh HTML, CSS dan Output (jenis garisan dari tebal Border Table)
Penerangan:
1 Terdapat <table> pada laman web.
2 Border <table>, <th>, <td> mempunyai satu garis dengan ketetapan CSS jenis garisan solid dan
ketebalan sebanyak 1px.
BAB 3 Pengaturcaraan Berasaskan Web 315
