在网页中加入适当的图片,可以使网页丰富多彩,使网站设计更具吸引力。那么,如何在网页中插入图片呢?您可以使用 标签在HTML 文件中插入图片。 img标签的常用属性如下:
(1) scr属性:设置图片的相对或绝对路径。
(2) alt属性:设置图片的简单文字描述。
(3)align属性:设置图片的对齐方式,取值分别为左、右、上、中、下。
(4) border属性:设置图片边框的粗细。
(5)height属性:设置图片的高度。
(6)width属性:设置图片的宽度。
(7) hspace属性:设置图片的水平间距。
(8)vspace属性:设置图片的垂直间距。
(9)name属性:设置图片的名称。
(10)usemap属性:设置热链接的位置和名称。
(11)longdesc属性:设置图片的说明文字。
(12)lowsrc属性:设置低分辨率图片的相对或绝对位置。
在以上属性中,最常用的两个属性是:src和alt。
src 属性必须包含绝对路径或相对路径。图像可以是GIF 文件、JPEG 文件或PNG 文件。
在浏览网页时,经常会发现在某些情况下,例如由于浏览器问题或网络问题,图片可能无法显示。如果是装饰性的图片,影响不大,但如果是与内容密切相关的图片,就会影响效果。因此,即使不能展示,至少也要告诉观者这幅画讲的是什么。这可以使用alt 属性来完成。
width 属性和height 属性用于指定页面显示图片的规格。一般情况下,如果不指定,将以其原始大小显示。您可以指定绝对大小或相对大小,绝对大小以像素为单位,相对大小以百分比为单位。
如果只设置了width和height属性中的一个,浏览器会根据图片的宽高比自动调整另一个属性,保证图片不变形。但如果两者都设置,可能会导致图像失真。
我们专注高端建站,小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验,每一个项目承诺做到满意为止,多一次对比,一定让您多一份收获!