html中table标签、tr标签、th标签、td标签的基础知识
表格的结构表格的基本标签表格标签的基本属性table标签的基本属性tr标签的基本属性th和td标签的基本属性
表格高级样式设置相关概念外边框线样式属性frame内部边框样式属性rules
单元格合并水平方向单元格的合并垂直方向单元格的合并
相关概念选择题及参考答案选择题参考答案
表格的结构
在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。 例如下图所示的表格中，表格标题为“通讯录”，表格第一行单元格中的内容基本不变，称作项目表头，表格第二行后单元格的内容通常会动态改变，称作数据资料。 基本表格 源代码
| 姓名 | 联系电话 | |
|---|---|---|
| 张三 | 123456789 | 123456789 |
表格的基本标签
HTML表格由table标签以及一个或多个tr、th或td标签组成：
table标签：定义一个表格caption标签：定义表格标题，嵌套在
表格标签的基本属性
table标签的基本属性
table标签的基本属性如下图所示：
属性名含义常用属性值border设置表格的边框（默认border=“0”）像素值cellspacing设置单元格与单元格边框之间的空白间距像素值（默认为2像素）cellpadding设置单元格内容与单元格边框之间的空白间距像素值（默认为1像素）width设置表格的宽度像素值height设置表格的宽度像素值align设置表格在网页中的水平对齐方式left、center、rightbgcolor设置表格的背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置表格的背景图像url地址
tr标签的基本属性
tr标签的基本属性如下图所示：
属性名含义常用属性值height设置行高度像素值align设置一行内容的水平对齐方式left、center、rightvalign设置一行内容的垂直对齐方式top、middle、bottombgcolor设置行背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置行背景图像url地址
th和td标签的基本属性
th和td标签的基本属性如下图所示：
属性名含义常用属性值width设置单元格的宽度像素值height设置单元格的高度像素值align设置单元格内容的水平对齐方式left、center、rightvalign设置单元格内容的垂直对齐方式top、middle、bottombgcolor设置单元格的背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置单元格的背景图像url地址
表格高级样式设置相关概念
外边框线样式属性frame
表格的外边框线的样式可用属性frame的取值来确定，frame取值与相应的样式如下：
above：显示上边框below：显示下边框hsides：显示上下边框vsides：显示左右边框lhs：显示左边框rhs：显示右边框border：显示上下左右边框void：不显示边框
内部边框样式属性rules
表格的内部边框的样式可用属性rules的取值来确定，rules取值与相应的样式如下：
all：显示所有内部边框none：不显示内部边框rows：仅显示行边框cols：仅显示列边框groups：显示介于行组和列组间边框
单元格合并
在制作稍复杂的表格时，需要对表格中的行或列进行合并。
水平方向单元格的合并
需要将水平方向的单元格合并时，可在或标记中添加colspan属性，属性的取值即为合并的单元格数目。
垂直方向单元格的合并
需要将垂直方向的单元格合并时，可在或标记中添加rowspan属性，属性的取值即为合并的单元格数目。
相关概念选择题及参考答案
选择题
1、定义表格的项目表头的HTML标签是（ ）。
A、