2022年HTML相关知识点表格标签1.pptxVIP

《网页样式制作》子项目

数字媒体专业群教学资源库项目组

网页样式制作

表格标签

表格定义表格的基本语法表格的定义表格行的控制单元格的控制

上一页下一页目录结束本节表格的定义设置表格边框的尺寸 设置表格边框的颜色设置表格的尺寸 设置表格的位置设置表格的背景颜色或背景图像设置格框线的宽度设置格框与内容的空隙设置表格边框的显示状态6.2.9设置分隔线的显示状态

上一页下一页目录结束本节设置行的高度设置行内框的颜色设置行的背景颜色设置行的文字水平对齐方式设置行的文字垂直对齐方式表格行的控制

上一页下一页目录结束本节设置单元格边框的颜色设置单元格的背景颜色和背景图像设置单元格的宽度设置跨多行跨多列的单元格设置单元格内文字的对齐方式单元格的控制

上一页下一页目录结束本节表格的行分组thead/tbody/tfoot表格的列分组colgroup表格的行列分组表格的分组

上一页下一页目录结束本节定义表格的基本语法在HTML中，表格的建立将运用table、tr、th、td四个标签完成。下面是这四个标签的说明：⑴定义表格标签table/table：table标签用于定义一个表格元素，一个表格元素，是由数个横行（tr）、单元格（td）与表头单元格（th）子元素所组成。⑵定义表头标签th/th：th标签用于定义表格内的表头单元格，此单元格中的文字将以粗体的方式显示。在一个表格的定义语法中也可以不使用th标签，定义表头单元格。

上一页下一页目录结束本节⑶定义表行标签tr/tr：tr标签用于定义表格的一行，在一组tr标签内可建立一行表格，也可以包含数组由td或th标签所定义的单元格。⑷定义单元格标签td/td：td标签用于定义表格的单元格，一组td标签将建立一个单元格。td标签必须放在tr标签内。在一个最基本的表格元素中，必须包含一组table标签、一组tr标签与一组td标签。

上一页下一页目录结束本节例：一个简单的表格实例，效果如下图所示。文件的源代码：htmlheadtitle一个简单的表格/title/headbodytableborder=1trth姓名/thth性别/thth年龄/thth专业/th/trtrtd张东健/td

上一页下一页目录结束本节td男/tdtd18/tdtd计算机/td/tr/table/body/html

上一页下一页目录结束本节table是用于定义一个表格元素的标签。table标签的属性主要有border、bordercolor、bordercolorlight、bordercolordark、width、height、align、bgcolor、background、cellapacing、cellpadding、frame和rules，它们都是可选的。表格的定义

上一页下一页目录结束本节设置边框尺寸的语法如下：tableborder=数值border属性的参数值是数字，表示表格边框宽度所占的像素点数。例如，tableborder=10表示表格的边框宽度为10个像素点。设置表格边框的尺寸border

上一页下一页目录结束本节通过设置表格边框的颜色，能达到较好的视觉效果。但是同样需要指出的是，一些低版本的浏览器并不支持表格的背景颜色和背景图像，在实际制作网页时，应该尽可能多地用各种浏览器对制作的网页进行测试。设置表格边框颜色的基本语法如下：tablebordercolor=#设置表格边框颜色的亮度的基本语法如下：tablebordercolorlight=#tablebordercolordark=#其中，“#”取值为16进制的颜色代码，参见表颜色代码表。设置表格边框的颜色

上一页下一页目录结束本节6.2.3设置表格的尺寸width/height设置表格尺寸的语法如下：tablewidth=数值height=数值width和height属性的作用是指定表格的大小。其中width属性用以规定表格的宽度，height属性用以规定表格的高度。这两个属性的参数值可以是数字或百分数，其中数字表示表格宽度（高度）所占的像素点数，百分数表示表格的宽度（高度）占浏览器窗口宽度（高度）的百分比。例：tablewidth=200height=50%表示该表格的宽度为200个像素点，高度为浏