4.2.2插入图像 HTML

使用<img>元素，就可以在Web页面轻松地添加图像。img是image的缩写。<img>的常用属性有src、alt、height、width等。

1.图像资源—src属性

可以在网页中放置各种各样的图像，当访问者浏览网页时，根据在HTML文档中描述的图像路径，浏览器会自动加载，不过，图像加载时间跟访问者的网络连接强度、图像尺寸以及页面中包含的图像个数相关。在<img>元素中src属性是不能缺省的。

基本语法如下：

<img src="url"/>

语法说明如下：src属性的值是图像的URL，指明网页中所要引用图像的位置，也就是指出引用图像文件的相对路径或绝对路径。

一般来说，在网页中资源的路径使用文档相对路径，以在网页中加入图像为例，就是指图像相对于网页文件的路径。

2.图像替代文本—alt属性

使用alt属性，可以为图像添加一段描述性文本，即当图像不能够正常显示或鼠标指向图片并暂停在图片上时会显示的替代文本。

基本语法：

<img src="url"alt="替代文本"/>

语法说明如下：alt属性的值就是要显示的替代文本。

3.图像的宽高—width和height属性

有时，加载网页会先看到文本，等一小段时间以后图像才开始加载，如果指定图像的尺寸，浏览器就可以预留空间，在图像加载的同时让文本显示在周围，保持布局的稳定。width属性和height属性分别规定图像的宽度和高度。

基本语法如下:

<img src="url"width="象素|百分比"height="像素|百分比"/>

语法说明如下：width和height属性的值可以是像素或百分比，像素的形式可以是100px或仅仅是100，百分比的形式为50%。