html中table标签、tr标签、th标签、td标签的基础知识 |
您所在的位置：网站首页 › 前端基本标签有哪些 › html中table标签、tr标签、th标签、td标签的基础知识 |
html中table标签、tr标签、th标签、td标签的基础知识
|
html中table标签、tr标签、th标签、td标签的基础知识
表格的结构表格的基本标签表格标签的基本属性table标签的基本属性tr标签的基本属性th和td标签的基本属性
表格高级样式设置相关概念外边框线样式属性frame内部边框样式属性rules
单元格合并水平方向单元格的合并垂直方向单元格的合并
相关概念选择题及参考答案选择题参考答案
表格的结构
在基本表格结构中，表格标题、项目表头和数据资料构成了表格基本结构三个要素。 例如下图所示的表格中，表格标题为“通讯录”，表格第一行单元格中的内容基本不变，称作项目表头，表格第二行后单元格的内容通常会动态改变，称作数据资料。 基本表格 HTML表格由table标签以及一个或多个tr、th或td标签组成： table标签：定义一个表格caption标签：定义表格标题，嵌套在中tr标签：定义表格中的一行，嵌套在中th标签：定义表格中的表头单元格，嵌套在中td标签：定义表格中的数据单元格，嵌套在中 表格标签的基本属性 table标签的基本属性table标签的基本属性如下图所示： 属性名含义常用属性值border设置表格的边框（默认border=“0”）像素值cellspacing设置单元格与单元格边框之间的空白间距像素值（默认为2像素）cellpadding设置单元格内容与单元格边框之间的空白间距像素值（默认为1像素）width设置表格的宽度像素值height设置表格的宽度像素值align设置表格在网页中的水平对齐方式left、center、rightbgcolor设置表格的背景颜色预定义的颜色值、十六进制#RGB、rgb(r,g,b)background设置表格的背景图像url地址
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、 B、 C、 D、 2、下列选项中，用于设置表格背景颜色的属性是（ ）。 A、 background B、 bgcolor C、 bordercolor D、 backgroundcolor 3、要使表格的行高为18px，以下方法中，正确的是（ ） A、 ... B、 ... C、 ... D、 ... 4、下列选项中，用于设置表格标题的标签是（ ） A、 ... B、 ... C、 ... D、 ... 5、下列设置单元格中文本对齐方式的选项中，正确的是（ ） A、 ... B、 ... C、 ... D、 ... 6、下列选项中，用于设置表格内部边框线显示的属性是（ ）。 A、 border B、 frame C、 rules D、 innerborder 7、如果希望表格的外部边框只显示上下两条边框线，属性frame的取值应选（ ）。 A、 hsides B、 vsides C、 lhs D、 rhs 8、如果希望表格的内部边框只显示行线，则属性rules的取值应选（ ）。 A、 line B、 rows C、 cols D、 groups 9、HTML中，若合并两个水平方向单元格，应使用的属性是（ ）。 A、 colspan B、 nospan C、 rowspan D、 colwrap 10、，表示（ ） A、 显示所有分隔线 B、 只显示组(Groups)与组之间的分隔线 C、 只显示行与行之间的分隔线 D、 只显示列与列之间的分隔线 参考答案1、D 2、B 3、C 4、D 5、B 6、C 7、A 8、B 9、A 10、D |
源代码
【本文地址】