首页 HTML/CSS html基础第八课:htm...

html基础第八课:html图像标签

作者:

修改日期:

在网页中除了可以插入文本之外,还可以在网页中插入图片,这也是之所以称html为超文本标记语言的原因。如果一篇很长的文章如果只有文字,会导致用户没有信心阅读下去,当我们在文章中插入图片,做到图文并茂的时候,往往会使我们的阅读变得很轻松,所以我们需要在适当的时候插入图片进行文字辅助说明,那怎么在网页中插入一个图片呢,先看一个代码案例:

图片案例:

夕阳船

具体使用代码:

  1. <img title=“夕阳船” src=“http://www.xuejianzhan.com/wp-content/uploads/2012/10/7C26AF747D3E-300×198.jpg” alt=“夕阳船” width=“300” height=“198” />  

标签解释:

图片标签<img />;
图片路径属性:src=”图片路径”;
宽度和高度属性:width=”高度” height=”高度”;
替换文本属性:alt=””;
标题属性:title=””;