html表格學習

時間 2020-01-18

標籤 html 表格學習欄目 HTML 简体版

原文原文鏈接

html裏表格由 <table> 標籤來定義。每一個表格均有若干行（由 <tr> 標籤訂義），每行被分割爲若干單元格（由 <td> 標籤訂義）。字母 td 指表格數據（table data），即數據單元格的內容。數據單元格能夠包含文本、圖片、列表、段落、表單、水平線、表格等等。html

表格的編寫：瀏覽器

<table border="1px">
<tr>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
</tr>
</table>

若是不定義邊框屬性，表格將不顯示邊框；ide

表格的表頭使用 <th> 標籤進行定義。spa

大多數瀏覽器會把表頭顯示爲粗體居中的文本：orm

<table border="1">
<tr>
<th>1</th>
<th>2/th>
</tr>

在一些瀏覽器中，沒有內容的表格單元顯示得不太好。若是某個單元格是空的（沒有內容），瀏覽器可能沒法顯示出這個單元格的邊框；爲了不這種狀況，在空單元格中添加一個空格佔位符，就能夠將邊框顯示出來。例：htm

<td></td>紅色爲空格佔位符

下面是幾個表格標籤：
圖片