HTML基础教程

HTML高级教程

试一试 »

插入图像
本例演示了如何在网页中插入一幅图像。

插入来自别处的图像
本例演示了如何在网页中插入一幅来自另一个文件夹或另一个服务器的图像。

（本页底部提供了更多示例）

在HTML里，图像是用<img>标签来定义的。

<img>是个空元素，也就是说，它仅包含属性而没有结束标签。

要在页面上显示图像，你需要指定src属性。“src”代表“源（source）”的意思。src属性的值就是你想在页面上显示的图像的URL。

定义图像的语法为：

URL指向图像的存储位置。例如，一个存放在“www.gaohf.com”的“images”目录里、文件名为“boat.gif”的图像的URL是：http://www.gaohf.com/images/boat.gif。

浏览器将在文档里<img>标签所在位置显示图像。假如你把一个<img>标签放在两个段落之间，那么浏览器将首先显示第一段，然后显示图像，接着显示第二段。

alt属性用于为图像定义“备选文本（alternate text）”。你可以随便在alt属性值里写什么内容。

当浏览器无法正常载入图像时，将显示备选文本以代替图片，从而令读者知道这是一幅关于什么的图像。为页面里的所有图像提供“alt”属性是个较好的做法。对于那些浏览器仅显示文本的用户而言，此举可以改善显示并提高有用性。

如果一个HTML文档里包含有10幅图像，那么为了正确显示页面，就需要11个文件。加载图像是比较费时的，因此我的建议是：请谨慎使用图像。