今天主要學的是表格

表格基本上會用的元素有<table><td><tr>

<table> </table>: 宣告表格

<tr> </tr>: 表格列

<td> </td>: 表格欄

那表格中我們可以分成<thead> 表頭內容 、<tbody> 主體內容 、<tfoot>頁腳內容

一個表格會呈現出的方式大致如下
<table>
    <tr>
        <td>3456</td>
        <td>3456</td>
        <td>3456</td>
        <td>3456</td>
    </tr>
</table>

(此圖不是的編碼不是上面那一串,貼上來會比較長)



邊框可以用<table border="2px">這樣去調,之後則會用CSS來改

然後試了一下<tr>,<td>的順序似乎不能換,<td>是被包含在<tr>裡面的

至於想產生合併表格的效果的話可以用

colspan : <td colspan= "2">內容</td>

rowspan:<td rowspan= "2">內容</td>

裡面的數字士表示耀併幾格或幾列,像上面的2就是把兩個格子給合併起來    

 

 

文章標籤
全站熱搜
創作者介紹
創作者 某羽 的頭像
某羽

just for fun

某羽 發表在 痞客邦 留言(0) 人氣(2)