1. 程式人生 > >html表格中的tr td th用法

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