加入图像，使网页更生动

到目前为止，我们的网页显得比较单调。这是因为，我们学到的所有元素都是包含的纯文本。

如果想给网页加入图像，使网页更生动一点，应该如何做呢？

这对于HTML来说简直就是太小菜一碟了！

在HTML中有一个<img>标签，它是专门用来显示图像的。看下面这个示例：

<img src="http://www.var6.cn/imgs/html5.png" />
    

以下是运行结果：

<img>标签有一个src属性，将src属性的值设为一个图像的网络地址，就能将这个图像显示在网页上了。

在网络上，每个图像、以及每个文件，都有一个自己的地址，这样才能被别人访问。这个地址就是这个图像的网络地址，通常我们称之为URL地址，或简称为URL。

注意到了吗？<img>也是“自关闭标签”，它与我们前面学过的<br>一样，是没有“结束标签”的。

与<br>标签一样，<img>标签末尾的/也是可以省略的。因此，上面的示例可修改为：

<img src="http://www.var6.cn/imgs/html5.png">
    

练习