首页 > 开发 > HTML > 正文

HTML中的img标签的使用

2023-04-11 12:31:35
字体:
来源:转载
供稿:网友

在HTML中,img标签用来在网页中引入一张图片,其主要有无个属性:src,alt,title,widtht和height。其中,src用来指定图片的路径,alt用来指明用来替代的文字,title用来指定鼠标在图片上悬停时显示的文字内容,widtht和height分别指定图片的宽和高,其基本格式如下:

<img src="图片的存储路径" alt="用来替代的图片介绍说明文字" width="图片显示的宽度" height="图片显示的高度" title=“图片介绍文字" />

关于其属性的详细说明:

(1)alt -- 图片的替代文字:对于不支持图片的浏览器或图片不存在时,可以用alt属性中的内容在图片的位置以替换。对于网页的优化来讲,这个属性最好加上内容;

(2)title -- 图片的提示文字,当鼠标停留到图片上时,会提示相关文字

(3)当未给定width和height的值时,浏览器会自动识别出图像的高度与宽度,对于网页的优化来讲,最好给定其尺寸,这有利于搜索引擎对图片的尺寸进行判断。

下面给出个例子:

<img src="/other/texiao/tpzs/08081204wi42.jpg" alt="我的书房" title="我的书房" width="500" height="320" />

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表