html篇之《表格》 1. 結構 <table> <!-- 表格標簽 --> <caption>標題，自動居中對齊</caption> <thead> <!-- 表格結構化-表頭，內容始終保持在頁面最上方，不受tbody和tfoot擺放順序影響 --> <tr> <!-- 行標簽 --> <th>表 ...
html篇之《表格》
1. 結構
<table> <!-- 表格標簽 -->
<caption>標題，自動居中對齊</caption>
<thead> <!-- 表格結構化-表頭，內容始終保持在頁面最上方，不受tbody和tfoot擺放順序影響 -->
<tr> <!-- 行標簽 -->
<th>表頭,自動加粗，居中對齊</th>
<th></th>
<th></th>
</tr>
<tr>
<td>單元格標簽</td>
<td></td>
<td></td>
</tr>
</thead>
<tbody> <!-- 表格結構化-主體，內容始終保持在頁面中間，不受thead和tfoot擺放順序影響 -->
<tr>
<td colspan="2"></td> <!-- 跨列屬性,合併同一行2列單元格 -->
<!-- 此單元格刪除，以達成跨列合併單元格 -->
<td></td>
</tr>
<tr>
<td rowspan="2"></td> <!-- 跨行屬性，合併同一列2行單元格 -->
<td></td>
<td></td>
</tr>
<tr>
<!-- 此單元格刪除，以達成跨行合併單元格 -->
<td></td>
<td></td>
</tr>
</tbody>
<tfoot> <!-- 表格結構化-腳註，內容始終保持在頁面最下方，不受thead和tbody擺放順序影響-->
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<!-- 表格嵌套，在<td></td>中放入完整表格結構 -->
<table>
<tr>
<td></td>
</tr>
</table>
</td>
<td></td>
<td></td>
</tr>
</tfoot>
</table>
