XHTML图片

图片标签<img>

<img>标签用于在网页里插入图片。<img>标签有一个必需的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在</body>前加上如下代码：

<p><img src="http://www.cainiao8.com/images/logo.gif" alt="技术支持"/></p>保存后浏览网，请确认您的网页与该页面相同。

我们注意到<img>也是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt，我们把它叫做做替换属性，当图片由于某种原因而无法显示的时候，alt的属性值就会代替图片出现；而当图片正常显示时，通常只要把鼠标停在图片上就会看到alt属性的属性值。

用图片作为链接

我们在之前的教程中曾经学习过创建超级链接，下面我们打开“index.html”并且将刚插入的代码改为下面这段：

<p><a href="http://www.cainiao8.com/"><img src="http://www.cainiao8.com/images/logo.gif" alt="技术支持"/></a></p>保存后浏览网页，请再次确认您的网页与这个网页相同。看看图片是不是变成了超级链接，点击一下图片就会进入菜鸟吧的主页了。