html5 表格標籤 table tr td，html5tr

html5 表格標籤 table tr td，html5tr

 

最重要的三個

<table>     表格聲明標籤

屬性:

<tr>    列標籤 table row 有表就可以建行

<td>    儲存格標籤 table data     有行就可以建資料

屬性:

<th>    tablehead    儲存格表頭, 特殊類td, 由於表頭的文字都會置中加粗, 是有一點不一樣.

<!-- table 是表格聲明標籤, tr是一行, td是一格 -->

<tableborder="1" style="width: 300px;">    

<!-- board 邊框屬性, 值越大越粗    style是配合css一起使用的, 設定行寬px是像素為單位. -->

    <tr>                                    

        <td>第一行,第一格</td>    

        <td>第一行,第二格</td>

        <td>第一行,第三格</td>

    </tr>

    <tr>

        <td>第2行,第一格</td>

        <td>第2行,第二格</td>

        <td>第2行,第三格</td>

    </tr>

    <br>

    

    <tableborder="1" style="width: 300px;">    <!-- 複製的     -->

    <tr>

        <td>第一行,第一格</td>    

        <td>第一行,第二格</td>

        <td>第一行,第三格</td>

    </tr>

    <tr>

        <td>第2行,第一格</td>

        <td>第2行,第二格</td>

        <td>第2行,第三格</td>

    </tr>

    <tr>

        <td>只有一格</td>

    </tr>

    <tr>

        <tdcolspan="3">只有一格,共佔3格</td>

    

表的結構排序<thead><tbody><tfoot>

<tr>有多行, 有時候資料很多, 不一定能顧及前後, thead等的語義就是強制吧thead包括的內容全部調到第一展示. 而tfoot調到最後. 這是一個編程的規範

<table>

    <thead>

        <td>1</td>

    </thead>

    <tbody>

        <td>2</td>

    </tbody>

    <tfoot>

        <td>3</td>

    </tfoot>

</table>

 

<caption>    表的標題, 在框外.

background    通用屬性, 用於顏色控制

注,此方法設定列的顏色行不通.

 

<colgrounp>

這個只能設定第一列是紅色, 不能設定指定列的顏色.

如果是<colgroup>span =2> <colgroup>        span=2 只能是前兩列而不是第二列

兩種正確的方法

1.先設定第一列的顏色,在設定第二列顏色

2.使用col預留位置