html表格中的tr td th用法
表格是html中經常使用到的,簡單的使用可能很多人都沒問題,但是更深入的瞭解的人恐怕不多,下面我們先來看一下如何使用。
<table>是<tr>的上層標籤
<tr>必須在一個<table></table>裡面,它不能單獨使用,相當於<table>的屬性標籤.
<table>標示一個表格,<tr>標示這個表格中間的一個行
<td>標示行中的一個列,需要巢狀在<tr></tr>中間
具體格式是:(兩行兩列)
<table>
<tr>
<td></td>
<td></td>
</tr>
</teble>
<th>和<td>一樣,也是需要巢狀在<tr>當中的,<tr>巢狀在<table>當中
<table>...</table> 用於定義一個表格開始和結束
<th>...</th> 定義表頭單元格。表格中的文字將以粗體顯示(<TH>與<TD>同樣是標示一個儲存格,唯一不同的是<TH>所標示的儲存格中的文字是以粗體出現,即可以這樣看:
<th>文字</th>=<td><b>文字</b></td>
),
在表格中也可以不用此標籤,<th>標籤必須放在<tr>標籤內
<tr>...</tr> 定義一行標籤,一組行標籤內可以建立多組由<td>或<th>標籤所定義的單元格
<td>...</td> 定義單元格標籤,一組<td>標籤將將建立一個單元格,<td>標籤必須放在<tr>標籤內
。<th>為表格標題,屬性summar為摘要,<caption>標籤為首部說明,<thead>標籤為表格頭部,<tbody>標籤為表格主體內容,<tfoot>標籤為表格尾部。
其中還可以使用scope 可用於取代headers屬性,標記含有表頭資訊的單元格,其中各數值的內容如下:
row 指示當前單元格,為包含當前單元格的行提供相關的表頭資訊。
col 指示當前單元格,為根據當前單元格指定的列提供相應的表頭資訊。
rowgroup 指示當前單元格,為包含當前單元格的其餘行組提供相關的表頭資訊。
colgroup 指示當前單元格,為根據當前單元格指定的其餘列組提供相應的表頭資訊。
abbr 用於定義表頭單元格中的縮寫名,如果沒有定義該屬性,則將預設單元格內容為節略形式。
標準表格模型
<table>
<caption></caption>
<thead>
<tr>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td></td>
</tr>
</tbody>
<tfoot>
<tr>
<td></td>
</tr>
</tfoot>
</table>
相關:
<th>不光是粗體,還是居中的
<caption>也是居中的,而且如果table有border的話則caption不在border之內
TFOOT 元素內包含的有效標籤有:
TD
TH
TR
任何給定的 table 物件都只能定義一個 tFoot
from: http://blog.sina.com.cn/s/blog_6e601baf01011kwo.html