7 html图像处理.pptVIP

* 一、背景图像的设定 二、图片标签 三、图像的超链接 四、插入AVI文件 常用图像格式：jpeg，bmp，gif 格式： ???????? body background= image-url 一、背景图像的设定 图像的位置 背景图像 练习： 注： 设定页面背景图像固定 bgproperties 格式： body bgproperties=“fixed” 固定效果 二、图片标签img 语法1： img src=“” align=“” alt=“” 图像的URL 图像的描述文字 图片与文字的对齐 Align： Top ---- 文字的中间线与图片上对齐 Middle ---- 文字的中间线与图片居中对齐 Bottom ---- 文字的中间线与图片下对齐 Left ---- 文字与图片左对齐 Right ---- 文字与图片右对齐 Absbottom ---- 文字的底线与图片下对齐 Absmiddle ---- 文字的底线与图片居中对齐 Baseline ---- 英文文字基线对齐 Texttop ---- 英文文字上边线对齐 练习： 语法2： img src=“” heigh=“” width=“” border=“” 图像的高度 宽度 边框宽度 练习： 练习： 语法3： img lowsrc=“” 低分辨率的图片位置，一般是黑白图像 注： 比src属性的图片显示的更快 练习： 语法4： img src=“” hspace=“” vspace=“” 图片与文字间的水平距离 图片与文字间的垂直距离 练习： 注：设定页面边距 格式： body topmargin=“” leftmargin=“” bottommargin=“” rightmargin=“” 右边距 底边距 练习： 练习： Shili-10.html和shili-11.html 三、图像的超链接 1、普通链接 格式： 将img标签放在a和/a之间 注： 图像链接的边框色可在body标签中设定 练习： 2、图像映射 （Image Map） 三种标签：imgmaparea 格式： ????img src=“图片位置” usemap=“#地图名称”???? map name=“地图名称” area shape=“区域形状” coords=“坐标” href=URL …… ????? /map  【1】shape -- 定义热点形状?????????shape=rect： ? 矩形?????????shape=circle：圆形 ?????????shape=poly： ?多边形 【2】coords -- 定义区域点的坐标 a.矩形：必须用四个数字，前两个---左上角座标，后两个---右下角座标????例：area shape=rect coords=100,50,200,75 href=URL b.圆形：必须用三个数字，前两个---圆心的座标，最后一个---半径长度????例：area shape=circle coords=85,155,30 href=URL  ?c.任意图形（多边形）：将每一转折点座标依序填入????例：area shape=poly coords=232,70,285,70,300,90,250,90,200,78 href=URL 练习： *