close

HTM表格語法

基本語法範例

    <table>
        <tr>
            <td> 1,1 </td>
            <td> 1,2 </td>
        </tr>
        <tr>
            <td> 2,1 </td>
            <td> 2,2 </td>
        </tr>
        <tr>
            <td> 3,1 </td>
            <td> 3,2 </td>
        </tr>
    </table>
 

顯示結果

1,1 1,2
2,1 2,2
3,1 3,2

 

< table > < /table >

 

為定義表格的標籤 行跟列的定義標準是"直行橫列"

行(Column) 為直的,也就是垂直|

列(Row) 為橫的,也就是水平 ─

< table > 為表格開始

<tr> 為定義每一"列"

<td> 為定義該列中的某一"行"

 

< tr > < /tr > < td > < /td >

 

table_01  

切換成圖表大概是這個樣子

tr裡面會包覆多個td

來定義一個表格

 

而每個表格(td)都能設定期框線的屬性

至於每個框線的樣式,請參考 css - boder

 

合併儲存格

 

合併儲存格無法使用CSS來控制,所以必須使用HTML與法來規定每個儲存格的合併

會用的為rowspan 、 colspan 兩個屬性

如同字面上的一樣,一個是"列合併"、一個是"行合併"

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 雲淡風清 的頭像
    雲淡風清

    FantasyWorld

    雲淡風清 發表在 痞客邦 留言(0) 人氣()