HTML5表格

一个典型的HTML5表格包括标题（caption），头部(thead)，主体(tbody)，脚部(tfoot)

tr 表格的行(一个tr中包括多个td和th)

th 表格的头部行

td 表格的单元格

例：

<table>
<tr>
<th>课程</th>
<th>学分</th>
</tr>
<tr>
<td>《web技术基础》</td>
<td> 3 </td>
</tr>
</table>

如果需要用到不规范的表格，则需要用到colspan rowspan这两个属性

其中colspan适用于横跨列，rowspan适用于横跨行

例：

<table>
<tr>
<td>&nbsp;</td>
<td colspan="2">&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>

<td colspan="2">&nbsp;</td>

 

</tr>

<td>

<td>&nbsp;</td>
<td>&nbsp;</td>

</td>
</table>

如果需要给表格添加颜色可以用到col属性，col用于表格的一个或多个列定义属性值

更改颜色用 style=“background: XXX"

span规定横跨的列数

 

tr 的属性

height 行高

align 行内容的水平对齐方式，默认居左，取值left，center，right

valign（新增）行内容的垂直对齐方式，默认居中，取值top  middle，botton

bgcolor 背景颜色

background 背景图片