HTML5 表格

• 1、表格<table></table>
• 2、表行<tr></tr>
• 3、單元格<td></td>

屬性：

标簽	屬性	取值	說明
<table></table>	border	數字	設定表格邊框的寬度，以px為機關
width	數字	設定表格的寬度，以px為機關
height	數字	設定表格的高度，以px為機關
align	left，right，center	設定表格在父元素中的水準對齊方式
cellpadding	數字	設定單元格内邊距，以px為機關
cellspacing	數字	設定單元格外邊距，以px為機關 預設為1，一般設定為0
<tr></tr>	align	left，right，center	設定目前行文本的水準對齊方式，預設left
valign	top，bottom，middle	設定目前行文本的垂直對齊方式，預設middle
bgcolor	red,blue...	設定目前行的背景顔色
<td></td>	width	數字	設定目前單元格寬度，以px為機關
height	數字	設定目前單元格高度，以px為機關
bgcolor	red,blue...	設定目前單元格的背景顔色
align	left，right，center	設定目前單元格文本水準對齊方式，預設left
valign	top，bottom，middle	設定目前單元格文本垂直對齊方式，預設middle
bgcolor	red,blue...	設定目前單元格的背景顔色
colspan	數字	跨列合并單元格
rowspan	數字	跨行合并單元格

• 4、行分組
  • 表頭行分組 <thead></thead>
  • 表尾行分組<tfoot></tfoot>
  • 表主體行分組<tbody></tbody>

<table border="1" width="400" align="center" cellpadding="5" cellspacing="0">
    <thead bgcolor="blue" align="center">
        <tr>
            <td colspan="3">圖書</td>
        </tr>
    </thead>
    <tbody bgcolor="yellow" align="center">
        <tr>
            <td rowspan="2">資訊</td>
            <td>書名：</td>
            <td>python</td>
        </tr>
        <tr>
            <td>作者：</td>
            <td>山姆</td>
        </tr>
    </tbody>
    <tfoot align="center">
        <tr>
            <td colspan="2">價格：</td>
            <td>28.5</td>
        </tr>
    </tfoot>
</table>