坚持为客户提供有价值的服务和内容

HTML之图像标签

商企云 | 2021-07-02 | 分享至:
  在网页中加入适当的图片可以使网页丰富多彩,网站设计具有更强的吸引力。那么,如何实现在网页中插人图像呢?可以利用HTML之图像标签(图1)标签在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属性中的一种,则浏览器会自动根据图片的宽高比率将另一个属性也做出调整,以保证图片不变形。但是如果两者都设定的话,则有可能会造成图像扭曲。
扫二维码与项目经理沟通

7*24小时为您服务

解答:网站优化,网站建设,APP开发,小程序开发,H5开发,品牌推广,新闻推广,舆情监测等

  非常感谢您有耐心的读完这篇文章:"HTML之图像标签",更多内容请继续浏览,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:网站建设与开发网站优化品牌推广、APP开发、小程序开发新闻推广等服务,我们以“降低营销成本,提高营销效果”的服务理念,自创立至今,已成功服务过不同行业的1000多家企业,获得国家高新技术企业认证,且拥有14项国家软件著作权,将力争成为国内企业心目中值得信赖的互联网产品及服务提供商。如您需要合作,请扫码咨询,我们将诚挚为您服务。
我要咨询
姓名 :
电话 :
文章分类