031图象操作答辩.pptVIP

19.5 小实例——综合设置图片和多媒体 网页效果 19.5 小实例——综合设置图片和多媒体 效果说明 图19-29的效果图中综合应用到了图片插入标记img和图片的对齐属性align，以及多媒体中插入背景音乐标记bgsound，还有滚动文字插入标记marquee和多个滚动文字的属性，如滚动文字的背景颜色、滚动范围、滚动方向及滚动延迟等。这些标记和属性都是以后要经常用到的，特别是向上滚动的文字会经常用到滚动栏目中。 19.1.7 设置图片的间距——hspace/vspace 基本语法 img src=”图片地址” hspace=”水平间距” img src=”图片地址” vspace=”垂直间距” 语法说明 ? hspace调整的是图片左右两边的空白距离， vspace调整的是图片上下两边的空白距离。 ? 水平间距和垂直间距都是用数字表示的，并且单位都是像素。 19.1.7 设置图片的间距——hspace/vspace 实例代码 19.1.7 设置图片的间距——hspase/vspase 19.1.8 设置图片链接——a 基本语法 a href=”URL” target=”目标窗口的打开方式” img src=”图片地址” /a 语法说明 href属性是用来设置图片的链接地址URL， target属性用来设置目标窗口的打开方式 ? img标记中还可以添加其他的属性，如height、hspace、border等。 19.1.8 设置图片链接——a 实例代码 19.1.8 设置图片链接——a 网页效果 19.1.9 设置图片热区链接 基本语法 img src=”图片地址” usemap=”#映射图片名称” 热区链接属性的定义如下： map name=”映射图片名称” area shape=”热区形状” coords=”热区坐标” href=”URL” /map 19.1.9 设置图片热区链接 语法说明 ? img标记用来插入图片和引用映射图片名称，即用usemap属性来引用在map标记中所定义的映射图片名称，并且要在名称前加上#号。 ? map标记只有一个name属性，用来定义映射图片的名称。 ? area标记有三个属性，shape属性、coords属性和href属性。 shape属性用来定义热区的形状，又有3个属性值，具体取值见表19-2 ? coords属性用来定义热区的坐标，不同的形状其coords属性的设置方式也不同，具体可以参见表19-3 ? href属性，用来定义超链接的目标地址。 19.1.9 设置图片热区链接 表19-2 shape属性取值说明 表19-2 shape属性取值说明 19.1.9 设置图片热区链接 示例 img src=“19-1-9.jpg” border=0 usemap=“#hh” map name=“hh” area shape=“rect” coords=“60,50,100,95 “ href=“19-1-8-2.html” 选择矩形热区 /map 手形所在的矩形区域就是定义好的热区链接。 通过单击该区域即可打开链接地址19-1-8-2.html 19.1.9 设置图片热区链接 示例 img src=19-1-9.jpg border=0 usemap=#hh alt=插入图片 map name=hh area shape=rect coords=60,50,100,95 href=19-1-8-2.html alt=荷花 /map 厦大漳州校区地图/gcampus/index.html# 厦大漳州校区地图/gcampus/index.html# 中国地图 img src=chinamap.gif width=654 height=520 border=0 usemap=#Map alt=china map/ map name=Map id=Map area shape=poly coords=504,363,502,366,498,369,494,368,492,366,489,366,489,370,489,375,489,378,486,380,483,383,480,385,480,388,480,393,479,399,477,401,476,406,476,409,474,412,475,413,479,413,482,413,484,414,488,418,489,421,489,425,490,429,493,429,498,424,499,419,503,416,506,414,509,411,51