网站规划与网页设计.ppt

图片也可作为热点，单击图片则跳转到被链接的文本或其他文件。格式为： a href=URL img src=图片文件名 /a 例如，下面代码： a href=vb_book.html img src=vb.jpg alt=VB封面 width=140 height=190 hspace=10 vspace=5“ / /a 4.7 图片 3 用图片作为热点 * 【例4-5】图像应用综合实例。本例文件ex4-5.htm在浏览器中的显示效果如图4-7所示。 4.7 图片 4．图像应用综合实例 图4-7 图像应用综合实例 【例4-5】 * 最简单的表格仅包括行和列。表格的标记为table，行的标记为tr，表项的标记为td。格式为： table border=n width=x|x% height=y|y% cellspacing=i cellpadding=j tr th表头1/th th表头2/th th…/th th表头n/th tr td表项1/td td表项2/td td…/td td表项n/td … tr td表项1/td td表项2/td td…/td td表项n/td /table 4.8 表格 1 简单表格 * 在缺省下，表项居于单元格的左端。可用列、行的属性设置表项数据在单元格中的位置。 (1) 水平对齐 表项数据的水平对齐用标记th、td和tr的align属性。align的属性值分别为：center（表项数据的居中）、left（左对齐）、right（右对齐）或justify（左右调整）。 (2) 垂直对齐 表项数据的垂直对齐用标记th、td和tr的valign属性。valign的属性值分别为：top（靠单元格顶）、bottom（靠单元格底）、middle（靠单元格中）或baseline（同行单元数据项位置一致）。 4.8 表格 2 表格内文字的对齐方式 * 前面介绍的是表格中的各个单元格的属性。现在，把表格作为一个整体，介绍表格在页面中的位置及背景的设置。与图片一样，表格在浏览器窗口中的位置也有三种：居左、居中和居右。使用table标记的align属性。格式为： table align=left|center|right 当表格位于页面的左侧或右侧时，文本填充在另一侧。当表格居中时，表格两边没有文本。当align属性缺省时，文本在表格的下面。 4.8 表格 3 表格在页面中的对齐方式 * 在table、th、tr、td标记中，使用下面属性可以改变表格的背景和边框的色彩、添加背景图片，也可以为行和单元格改变色彩、添加背景图片。 bgcolor=色彩或色彩值 设置背景色彩 background=图片文件名 设置背景图片 bordercolor=色彩 设置表格边框的色彩 bordercolorlight=色彩 设置表格边框亮部的色彩 rules=row,cols或none 设置表内线的显示方法，none为无内线 如果把属性放到table中，其作用范围为整个表格，如果把属性放到th中，则作用范围为整个行，如果把属性放到tr、td中，则作用范围为该单元格。 4.8 表格 4 表格的色彩和图片背景 * 【例4-6】表格应用综合实例。本例文件ex4-6.htm在浏览器中的显示效果如图4-8所示。 4.8 表格 5．表格应用综合实例 图4-8 表格应用综合实例 【例4-6】 * 框架（Frames）也称多窗口页面或帧，是在同一浏览器窗口中显示多个相互隔离的XHTML页的结构，每个区域显示一个XHTML文件。 1 建立框架 框架的建立使用frameset、frame两个标记。frameset用来划分窗格，frame标记用来声明其中框架页面的内容。框架的基本结构为： html head... /head frameset !-- 划分窗格 -- frame src=url !--