HTML中的标签用于插入图片,在HTML网页制作中是必不可少的标签之一。HTML image标签是单独使用的,没有闭合标签:
![](foo.jpg)
上面代码在网页插入一张图片foo.jpg。src属性指定图片的网址,上例是相对URL,表示图片与网页在同一个目录:
默认是一个行内元素,与前后的文字处在同一行:
HelloWorld
上面代码的渲染结果是,文字和图片在同一行显示。
图像默认以原始大小显示。如果图片很大,又与文字处在同一行,那么图片将把当前行的行高撑高,并且图片的底边与文字的底边在同一条水平线上。
可以放在标签内部,使得图片变成一个可以点击的链接:
上面代码中,图片可以像链接那样点击,点击后会产生跳转。
接下来我们来看image标签属性,此元素支持全局属性:
(1)alt属性
alt属性用来设定图片的文字说明。图片不显示时(比如下载失败,或用户关闭图片加载),图片的位置上会显示该文本:
<img src="foo.jpg"alt=“示例图片”>
上面代码中,alt是图片的说明。图片下载失败时,浏览器会在图片位置ÿ