第6章 使用表格.pptVIP

6.5.5 行文字的垂直对齐方式valign tr的valign属性用来控制表格当前行的垂直对齐方式。垂直对齐方式有3种，分别是top、middle和bottom。 单元格是表格中最基本的单位。td单元格全部包含在行tr中，一个行里面可以有任意多个单元格。可以自定义设置单元格的各项属性，这些样式将覆盖table和tr已经定义的样式。 6.6 单元格属性 6.6.1 单元格大小width、height 默认情况下，单元格的宽度和高度会根据内容自动调整，也可以通过width、height设置单元格的宽度和高度。 6.6.2 水平跨度colspan 在设计表格时，有时需要将两个或更多的相邻单元格组合成一个单元格。 单元格除了可以在水平方向上跨列，还可在垂直方向上跨行。 6.6.3 垂直跨度rowspan 6.6.4 对齐方式align、valign 单元格的对齐方式设置与行的对齐方式设置方法相似。 6.6.5 单元格的背景颜色 为了增加表格的美观性，可以为单元格设置不同的背景颜色。 单元格的边框颜色可以通过bordercolor来设置。 6.6.6 单元格的边框颜色bordercolor 6.6.7 单元格的亮边框bordercolorlight 单元格的亮边框就是单元格边框向光的部分。通过bordercolorlight可以设置单元格亮边框的颜色。 6.6.8 单元格的暗边框bordercolordark 单元格的暗边框就是单元格边框背光的部分。通过bordercolordark可以设置单元格暗边框的颜色。 6.6.9 单元格的背景图像background 单元格也可以有背景图像，通过background可以设置单元格的背景图像。 还有一些标记是用来表示表格结构的，包括表首标记thead、表主体标记tbody以及表尾标记tfoot。这些通过成对出现的标记设置，应用到表格里用于整体规划表格的行列属性。使用这些标记能对表格的一行或多行单元格属性进行统一修改，从而省去了逐一修改单元格属性的麻烦。 6.7 表格的结构 6.7.1 表格的表首标记thead 表首样式的开始标记是thead，结束标记是/thead。它们用于定义表格最上端表首的样式，可以设置背景颜色、文字对齐方式、文字的垂直对齐方式等。 6.7.2 表格的表主体标记tbody 与表首样式的标记功能类似，表主体样式用于统一设计表主体部分的样式，标记为tbody。 6.7.3 表格的表尾标记tfoot tfoot标记用于定义表尾样式。 6.8经典习题 1. 填空题 （1）表格由行、列和单元格3部分组成，一般通过3个标记来创建，分别是表格标记__________、行标记__________和单元格标记__________。表格的各种属性都要在表格的开始标记table和表格的结束标记/table之间才有效。 （2）表格的边框可以很粗也可以很细，可以使用__________属性来设置表格的边框效果，包括边框的宽度、边框的颜色等。 2. 上机操作题 制作一个如图6.36所示的表格 。 * 教学内容：表格是网页制作中使用最多的工具之一，在制作网页时，使用表格可以更清晰地排列数据。但在实际制作过程中，表格更多地用在网页布局定位上。很多网页都是以表格布局的，这是因为表格在文本和图像的位置控制方面都有很强的功能。灵活、熟练地使用表格，在网页制作时会有如虎添翼的感觉。 第6章 使用表格 教学重点 掌握创建表格 掌握设置表格基本属性 掌握设置表格的边框 掌握设置表格背景 掌握设置表格的行属性 掌握调整单元格属性 6.1 创建表格 表格是网页排版布局不可缺少的一个工具，能否熟练地运用表格将直接影响到网页设计的好坏。下面就讲述表格的创建 。 表格由行、列和单元格3部分组成，一般通过3个标记来创建，分别是表格标记table、行标记tr和单元格标记td。表格的各种属性都要在表格的开始标记table和表格的结束标记/table之间才有效。 6.1.1 表格的基本构成table、tr、td 可以使用caption来设置标题单元格，表格的标题一般位于整个表格的第1行。一个table表格只能含有一个表格标题。 6.1.2 设置表格的标题caption 表格的表头th是td单元格的一种变体，实质上仍是一种单元格。它一般位于第一行和第一列，用来表明这一行或列的内容类别。在一般情况下，浏览器会以粗体和居中的样式显示th元素中的内容。 6.1.3 表头th 为了使所创建的表格更加美观、醒目，需要对表格的属性进行设置，主要包括表格的宽度、高度和对齐方式等。 6.2 表格基本属性 6.2.1 表格宽度width 可以使用表格的width属性来设置表格的宽