第4章网页布局和图像.pptVIP

第4章 网页布局与图像 ;4.1 网页布局;4.1.2 表格和图层 ;可通过TABLE标记的下列属性对表格的格式进行设置： ALIGN：指定表格的对齐方式，取值可以是left(默认值)、center或right。 BACKGROUND：指定用作表格背景图片的URL地址。 BGCOLOR：指定表格的背景颜色。 BORDER：指定表格边框的宽度，以像素为单位。如果省略该属性，则默认值 为0。 BORDERCOLOR：指定表格边框颜色，应与BORDER属性一起使用。 BORDERCOLORDARK：指定3D边框的阴影颜色，应与BORDER属性一起 使用。 BORDERCOLORLIGHT：指定3D边框的高亮显示颜色，与BORDER属性一起使用。 CELLPADDING：指定单元格内数据与单元格边框之间的间距，以像素为单位。 CELLSPACING：指定单元格之间的间距，以像素为单位。 WIDTH：指定表格的宽度，以像素或百分比为单位。;例如： TABLE border=3 cellpadding=6 cellspacing=3 caption align=top font size=51次特快列车时刻表/font /caption trth站名/th th到站时刻/th th开车时刻/th /tr trtd北京西/td td - /td td16：0 /td /tr trtd石家庄/td td 18：56/td td9：08 /td /tr trtd郑州/td td 0：01/td td0：14 /td /tr trtd武昌/td td 6：42/td td6：54 /td /tr trtd岳阳/td td 9：29 /td td9：35 /td /tr trt d长沙/td td 11：20 /td td --- /td /tr /TABLE 上述HTML语句对应的表格，如下图4.1所示。;图4.1 列车时刻表;可通过TR标记的下列属性对指定行的格式进行设置： ALIGN：指定行中单元格的水平对齐方式，取值为left(默认值)、center或right。 BACKGROUND：给出图像文件的URL，该图像用作指定行的背景。 BGCOLOR：指定行的背景颜色。 BORDERCOLOR：指定行的边框颜色，该属性只有当TABLE标记的BORDER属性取非零值时才起作用。 BORDERCOLORDARK：指定行的3D边框的阴影颜色，该属性只有当TABLE标记的BORDER属性取非零值时才起作用。 BORDERCOLORLIGHT：指定行的3D边框的高亮颜色，该属性只有当TABLE标记的BORDER属性取非零值时才起作用。 VALIGN：指定行中单元格内容的垂直对齐方式，该属性的取值可以是top(顶端对齐)、middle(居中对齐)、bottom(底端对齐)或baseline(基线对齐)。;可通过TD和TH标记的下列属性对指定单元格的格式进行设置： ALIGN：指定单元格内文本的水平对齐方式，取值为left(默认值)、center或right。 BACKGROUND：指定图像的URL，该图像用作单元格的背景。 BGCOLOR：指定单元格的背景颜色。 BORDERCOLOR：指定单元格的边框颜色。 BORDERCOLORDARK：用于指定单元格的3D边框的阴影颜色。 BORDERCOLORLIGHT：用于指定单元格的3D边框的高亮颜色。 COLSPAN：指定合并单元格时一个单元格跨越的表格列数。 NOWRAP：若指定该属性，则避免Web浏览器将单元格里的文本换行。 ROWSPAN：指定合并单元格时一个单元格跨越的表格行数。 VALIGN：指定单元格中文本的垂直对齐方式，取值可以是top、middle(默认值)、bottom或baseline。 用可视化方法简化了对表格的创建操作。通过鼠标的点击操作，能够创建出各类复杂的表格来。在创建表格的过程中，系统又提供了两种不同的方法：Table控件法和模板创建法。;利用Table控件法的具体步骤如下： (1) 进入【设计】视图窗口，将光标放置在表格将要出现的位置上，选择【工具箱】窗口的HTML选项卡，然后双击Table控件或拖曳Table控件到设计页面中适当位置。 (2) 选中插入的Table表，然后用鼠标将其拖曳到合适的位置，并缩放为适当大小。 (3) 选中Table，在右边属性窗口中选择相应属性，输入属性的值，以改变表格的外观。一些常用的属性如下： Rows(行)：代表表格的行数。 Cell Padding(单元格填充)：代表单元格中内容与边界之间的空间。 Cell