[HTML]表格
大綱
- 什麼是表格?
- 表格由table標籤開始、table中包含數個tr(row)、tr中包含數個td(column)
- 表格的結構
- 表格的標題
- 通常表格的標題會以th標籤表示
- 長表格
- 將表格中的標題(第一行)、內容、最後一行作區分
- 合併儲存格
- 讓格子擴張地盤
- 邊框、寬度和背景顏色
- < table border="1"> </table> <!--邊框-->
- < td width="200"> < /td> <!--寬度-->
- < td bgcolor="#cccccc"> < /td > <!--背景顏色-->
向右擴張
向右邊擴張 → 等價於橫跨col
<td colspan="2">data</td >
向下擴張
向下擴張 → 等價於橫跨row
<td rowspan="2">data</td >
Visual Studio Scode 快捷鍵 | |
---|---|
說明 | 操作 |
HTML結構生成 | !+TAB鍵 |
3*2的表格生成 | table>tr>th*2^(tr>td*2)*2+TAB鍵 |
有序清單生成,3個子標題 | ol>li*3 |
長表格生成 | table>thead>tr*2^tbody>tr>td*2^tr>td*2^^tfoot>tr>td*2 |
商品 | 數量 |
---|---|
Mike | 新竹市XXX |
Mary | 新竹市XXX |
共兩人 |
困犯兩難 犯人A 招供 否認 犯人B 招供 都關30年 A無期徒刑,B關5年 否認 B無期徒刑,B關5年 無罪釋放
留言
張貼留言