Page 327 - SK tingkatan 5

<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.62 Contoh HTML, CSS dan Output (asingkan ketetapan Border Table)

Penerangan:
1 Terdapat <table> pada laman web.

2 Border table telah ditetapkan dengan mengasingkan ketetapan CSS bagi <th>, iaitu border 2px
solid dan bagi <td> iaitu, border:2px dashed.

• Menetapkan kelebaran dan ketinggian sesuatu table
Sintaks yang berikut menunjukkan lebar dan tinggi sesuatu table boleh ditetapkan mengikut
kesesuaian sesuatu halaman web.

table
{
width: 100%;
height: 20%;
}

CONTOH 21

Contoh 21 menunjukkan lebar dan tinggi jadual (table) ditukar kepada 100% dan 20%, iaitu lebar akan
memenuhi keseluruhan dokumen HTML dan tinggi hanya memenuhi 20% daripada dokumen HTML. Atur
cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.63.

BAB 3 Pengaturcaraan Berasaskan Web 319