html:图像链接和图像映射

图像

分为:

(1)位图:    

 GIF  采用查找表存储颜色,最多存储256种颜色,如果一个图像有大量单调颜色,则只存储一个即可。适用于颜色单调的图片。
JPEG  能够存储无限种颜色,因此适用于颜色很多的图像。
 PNG  不是所有浏览器支持

网页放置大图像的建议:先提供小版本,然后提供大图像的链接。

(2)矢量图:

flash、silverlight

 

元素

向网页中添加图像使用元素。

img元素的属性:

(1)src:图片来源URL。

(2)alt:辅助效果.

(3)align:有right、left、top、bottom等。

(4)height和width:单位为像素,如果不指定,则为默认;如果只指定height或width,则自动调整大小。

(5)hspace和vspace:图像和周围文字的空白间隙大小。

例如 :  redhat os

建议:如果要把一个图片设置成很小,则建议新建一个很小的图片。

 

元素

添加多媒体文件:

常用属性:

(1)classid:运行指定文件的应用程序。

(2)codebase:基URL。

 

在图像上插入链接:点击图片,跳转页面。

之间插入元素.

 


	Home
	
		
		

以下是130*130的图像 apple

以下是width = 130的图像 apple

以下是80*150的图像 apple

hellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohellohello redhat os Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut risus tellus, hendrerit id, sagittis sed, lobortis eget, augue. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut risus tellus, hendrerit id, sagittis sed, lobortis eget, augue.


图像映射:一个图片的不同区域对应不同链接。

图像映射分为:

(1)服务器端图像映射:将点击的坐标发送给服务器,由服务器的脚本来决定。

(2)客户端图像映射:根据点击位置不同确定链接目的。

 

通过后添加设置。

元素表明映射的开始

元素表明每个区域,如果要把一个图片分4个区域,则用4个area。

元素只有一个name属性.

下面介绍area元素的属性:

(1)shape:必须的属性,用于描述区域的形状,rectangle\poly\circle\default可选,default指的是还没有被定义的区域。

(2)coords:指定区域的坐标。比如矩形有4个坐标,前两个是左上角的x,y坐标,后两个是右下角的x,y坐标。

(3)href和nohref:href指定目的的链接,如果不指定href属性,则需要指定nohref,nohref="nohref"

(4)target:和一样。


注意点:

(1)在中设置usemap属性。

(2)在中设置name属性。


	Home
	
		
		
		apple
		
			
			
			
			
		
	


你可能感兴趣的:(【Html,XHtml,CSS】)