表格由 <table> 標(biāo)簽來定義。
每個(gè)表格均有若干行(由 <tr> 標(biāo)簽定義),每行被分割為若干單元格(由 <td> 標(biāo)簽定義)。
下面是一個(gè)包含兩行兩列的表格:
<table border="1"> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table>
border 屬性規(guī)定表格單元周圍是否顯示邊框。
如果不定義邊框?qū)傩?,表格將不顯示邊框。
下面是一個(gè)帶有邊框的表格:
<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>
在瀏覽器顯示結(jié)果如下:
表格的表頭使用 <th> 標(biāo)簽進(jìn)行定義。
大多數(shù)瀏覽器會(huì)把表頭顯示為粗體居中的文本。
下面是一個(gè)例子:
<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>
在瀏覽器顯示結(jié)果如下:
<table border="1">
<tr>
<>Header 1</th>
<th>Header 2</th>
</tr>
<>
<td>row 1, cell 1</>
<td>row 1, cell 2</td>
</tr>
</table>
使用 colspan 和 rowspan 屬性分別定義跨列和跨行的表格單元格。
下面是一個(gè)單元格跨兩行的表格:
<table border="1"> <tr> <td>First Name:</td> <td>Bill Gates</td> </tr> <tr> <td rowspan="2">Telephone:</td> <td>555 77 666</td> </tr> <tr> <td>555 77 667</td> </tr> </table>