网站建设

在网页中加入适当的图片可以使网页丰富多彩，网站设计具有更强的吸引力。那么，如何实现在网页中插人图像呢?可以利用标签在HTML文件中插入图片。< img>标签的常见属性如下：

(1) scr属性:设置图片的相对或绝对路径。

(2) alt属性:设置图片的简单文本说明。

(3) align属性:设置图片的对齐方式，取值有left, right, top, middle和bottom。

(4) border属性:设置图片框线粗细。

(5) height属性:设置图片的高度。

(6) width属性:设置图片的宽度。

(7) hspace属性:设置图片的水平间距。

(8) vspace属性:设置图片的垂直间距。

(9) name属性:设置图片的名字。

(10) usemap属性:设置热点链接所在位置及名称。

(11) longdesc属性:设置图片的说明文字。

(12) lowsrc属性:设置低分辨率图片的相对或绝对位置。

在上面这些属性中，最常用的有两个属性:src和alt。

src属性必须包含绝对路径或是相对路径。图片可以是GIF文件、JPEG文件或是PNG文件。

浏览Web页时经常会发现，在有些情况下,例如由于浏览器的原因或者网络出现问题时，可能会造成图片无法显示。如果是装饰性的图片那还没有太大影响，如果是与内容紧密相关的图片就会影响效果，因此，即使显示不出来，也至少要告诉浏览者图片大致是什么内容。这时使用alt属性就可以做到这一点。

width属性和height属性用于指定图片在页面中显示的规格。一般来说，如果不指定，则按原来的大小显示。可以指定绝对大小或相对大小，绝对大小以像素为单位，相对大小以百分比为单位。

如果只设定width属性和height属性中的一种，则浏览器会自动根据图片的宽高比率将另一个属性也做出调整，以保证图片不变形。但是如果两者都设定的话，则有可能会造成图像扭曲。