Page 329 - SK tingkatan 5
P. 329
• Menetapkan jajaran teks di dalam table
Jajaran teks di dalam table juga boleh ditetapkan dan terdapat tiga bentuk jajaran, iaitu:
(a) left (b) center (c) right
table
{
text-align: center;
}
CONTOH 22
Contoh 22 menunjukkan teks dalam jadual (table) boleh ditetapkan jajaran kepada center, iaitu berada di
tengah-tengah medan <th> atau <td>. Atur cara HTML, CSS dan output ditunjukkan dalam Rajah 3.3.64.
<html>
<head>
<title> Gaya Jadual</title>
<style>
table
{
border-collapse: collapse;
width: 100%;
height: 20%;
text-align: center; 2
}
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.64 Contoh HTML, CSS dan Output (jajaran teks table)
BAB 3 Pengaturcaraan Berasaskan Web 321
