《网页制作第12章》由会员分享，可在线阅读，更多相关《网页制作第12章（27页珍藏版）》请在金锄头文库上搜索。
1、第12章 使用表格,学习要点,12.1 制作表格,12.1.1 基本表格结构 在HTML的语法中，表格通过3个标签构成： 表格标签： 行标签： 单元格标签：,12.1 制作表格,基本语法： ,12.1 制作表格,语法解释： 标签代表表格的开始，标签代表行的开始，而和之间的就是单元格的内容。 范例：12-1.html,12.1 制作表格,12.1.2 带表头的表格 说明：表头是指表格的第1行，其中的文字可以实现居中并加粗显示的效果。 基本语法： ,12.1 制作表格,语法解释： 使用标签替代标签，唯一的不同就是标签中的内容居中加粗显示。 范例：12-2.html,12.1 制作表格,12.1.3
2、 带标题的表格 作用：为表格添加标题并设置标题文字的排列属性。 基本语法： 语法解释： 标签之间就是标题的内容，这个标签使用在标签中。 范例：12-3.html,12.1 制作表格,12.1.4 划分结构的表格 基本语法： 表首 表主体 表尾 语法解释： 标签用于定义表格最上端表首的样式，标签用于定义表格主体的样式，标签用于定义表尾的样式。 范例：12-4.html,12.2 设置标签的属性,12.2.1 表格的边框属性border 说明：默认情况下，表格边框为0。 基本语法： 语法解释： 通过border属性定义边框线的宽度，单位为像素。 范例：12-5.html,12.2 设置标签的属性,
3、12.2.2 表格的宽度高度属性width和height 说明：默认情况下，表格宽度和高度会根据内容自动调整。 基本语法： 语法解释： 通过width属性定义表格的宽度，height属性定义表格的高度，单位为像素或百分比。 范例：12-6.html,12.2 设置标签的属性,12.2.3 表格的边框色属性bordercolor、bordercolorlight和bordercolordark 说明： bordercolor：表格边框色 bordercolorlight：表格亮边框色（左上边框颜色） bordercolordark：表格暗边框色（右下边框颜色） 基本语法： ,12.2 设置标签的
4、属性,语法解释： 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 范例：12-7.html,12.2 设置标签的属性,12.2.4 表格的背景色属性bgcolor 说明：设定表格的背景颜色 基本语法： 语法解释： 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 范例：12-8.html,12.2 设置标签的属性,12.2.5 表格的背景图像属性background 说明：设定表格的背景图像，GIF或JPEG 基本语法： 语法解释： 定义背景图像时，写下图片文件的完整路径或者相对路径。 范例：12-9.html,12.2 设置标签的属性,12.2.6 单元格间距属性cel
5、lspacing 说明：设定单元格与单元格之间的距离。 基本语法： 语法解释： 单元格的间距以像素为单位。 范例：12-10.html,12.2 设置标签的属性,12.2.7 单元格边距属性cellpadding 说明：设定单元格内容和边框之间的距离。 基本语法： 语法解释： 单元格的边距以像素为单位。 范例：12-11.html,12.2 设置标签的属性,12.2.8 表格的水平对齐属性align 说明：在水平方向上，可以设定表格的对齐方式，分别有居左、居中、居右。 基本语法： value=left、center、right 语法解释： left为居左，center为居中，right为居右。
6、 范例：12-12.html,12.2 设置标签的属性,12.2.9 边框样式属性frame和rules 说明：使用frame属性可以控制表格边框的样式，通过rules属性可以控制表格内部边框的样式。 基本语法： 语法解释： frame和rules的属性值见P178 表12-4、表12-5 范例：12-13.html,12.3 设置标签的属性,12.3.1 行内容水平对齐属性align 说明：默认情况下，表格的行内容水平居左。 基本语法： value=left、center、right 语法解释： left为居左，center为居中，right为居右。 范例：12-14.html,12.3 设
7、置标签的属性,12.3.2 行内容垂直对齐属性valign 说明：在垂直方向上，可以设定行的对齐方式有居上、居中、居下。 基本语法： value=top、middle、bottom 语法解释： top为居上，middle为居中，bottom为居下。 范例：12-15.html,12.4 设置和标签的属性,12.4.1 跨行属性rowspan 说明：在复杂的表格结构中，有的单元格在水平方向上是跨多个单元格的。 基本语法： 语法解释： value代表单元格跨的行数。 范例：12-16.html,12.4 设置和标签的属性,12.4.2 跨列属性colspan 说明：在复杂的表格结构中，有的单元格在
8、垂直方向上是跨多个单元格的。 基本语法： 语法解释： value代表单元格跨的列数。 范例：12-17.html,12.5 设置标签的属性,说明：默认情况下，表格的标题水平居中，通过align属性设定标题文字的水平对齐方式。表格的标题可以位于表格的上方或者下方，通过valign属性进行调整。默认的表格标题位于表格上方。 基本语法： value=left、center、right、top、bottom 语法解释：align属性设置水平对齐方式，left为居左，center为居中，right为居右。valign属性设置垂直对齐方式，top为居上，bottom为居底。 范例：12-18.html,12.6 设置、和标签的属性,说明：可在表首、表主体、表尾中设置水平和垂直对齐方式。 基本语法： 语法解释： align代表水平对齐，value1的取值中left为居左，center为居中，right为居右。Valign代表垂直对齐，value2的取值中top为居上，midddle为居中，bottom为居下。 范例：12-19.html,12.7 表格嵌套,说明：在页面中，排版是通过表格的嵌套来完成的，即一个表格内部可以套入另一个表格。见书P188 图12-20 范例：12-20.html,Thank You !,
