本文介绍如何在HTML中正确地使用图像标签来展示图片，并通过alt属性确保内容在图片无法加载时仍可被理解。
<html>
<body>
<p>
一幅图像：
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" alt="Big Boat"/>
<!--如果图片无法显示，就显示文字-->
</p>
<br />
<p>
网页图像：
<img src="http://www.w3school.com.cn/images/boat.gif"/>
<img src="boat.gif" alt="Big Boat"/>
<!--如果图片无法显示，就显示文字-->
</p>
</body>
</html>
<body>
<p>
一幅图像：
<img src="http://www.w3school.com.cn/i/w3school_logo_white.gif" alt="Big Boat"/>
<!--如果图片无法显示，就显示文字-->
</p>
<br />
<p>
网页图像：
<img src="http://www.w3school.com.cn/images/boat.gif"/>
<img src="boat.gif" alt="Big Boat"/>
<!--如果图片无法显示，就显示文字-->
</p>
</body>
</html>
扫一扫
334
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
