Jadual HTML
Jadual HTML
Jadual ditakrifkan oleh teg <table> Setiap jadual mempunyai beberapa baris (ditakrifkan oleh teg <tr>) dan setiap baris dibahagikan kepada beberapa sel (ditakrifkan oleh teg <td>). Huruf td merujuk kepada data jadual, kandungan sel data. Sel data boleh mengandungi teks, gambar, senarai, perenggan, bentuk, garisan mendatar, jadual dan banyak lagi.
Contoh jadual
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
Sifat jadual HTML dan sempadan
Jika sifat sempadan tidak ditentukan, jadual tidak akan memaparkan sempadan. Kadang-kadang ini berguna, tetapi kebanyakan masa, kami mahu sempadan ditunjukkan.
Gunakan atribut sempadan untuk memaparkan jadual dengan jidar:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
Pengepala jadual HTML
Pengepala jadual ditakrifkan menggunakan teg <th>
Kebanyakan penyemak imbas akan memaparkan pengepala jadual sebagai teks tebal dan berpusat:
<html>
<head>
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
</head>
</html>
举个例子：
<html>
<head>
<meta charset="utf-8">
<title>无标题页</title>
<style type="text/css">
.tb
{
border-width:1px;
border-collapse:collapse;
border-color:black;
border-style:solid;
}
td
{
border-width:1px;
border-collapse:collapse;
border-color:black;
border-style:solid;
}
</style>
</head>
<body>
<div>
<table width="600" height="400" border="1">
<tr>
<td colspan="3"></td>
</tr>
<tr>
<td rowspan="3"></td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
</div>
</body>
</html>Teg jadual HTML
Teg
& lt; Table>>
& lt; tr> Define sel -sel
& lt; kapsyen & gt; 🎜><tbod> untuk menentukan pengaki jadual
bahagian seterusnya