千锋重庆HTML image标签详解

HTML中的标签用于插入图片，在HTML网页制作中是必不可少的标签之一。HTML image标签是单独使用的，没有闭合标签：

上面代码在网页插入一张图片foo.jpg。src属性指定图片的网址，上例是相对URL，表示图片与网页在同一个目录：

默认是一个行内元素，与前后的文字处在同一行：

HelloWorld

上面代码的渲染结果是，文字和图片在同一行显示。

图像默认以原始大小显示。如果图片很大，又与文字处在同一行，那么图片将把当前行的行高撑高，并且图片的底边与文字的底边在同一条水平线上。

可以放在标签内部，使得图片变成一个可以点击的链接：

上面代码中，图片可以像链接那样点击，点击后会产生跳转。

接下来我们来看image标签属性，此元素支持全局属性：

（1）alt属性

alt属性用来设定图片的文字说明。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本：

<img src="foo.jpg"alt=“示例图片”>

上面代码中，alt是图片的说明。图片下载失败时，浏览器会在图片位置ÿ