来吧,让我们为我们的网页添加上图像。
一,添加图像
1.<img>元素是用来添加图像的。
2.src属性是用来告诉浏览器图像的web地址。
3.alt是描述说明图像,当你无法查看图像的时候,你就可以看图像的说明或者提供图像信息给搜索引擎。
4.title是图像的附加信息,当你的鼠标悬停在图像上的时候,你就可以看到图像的title信息。
二,图像的高度和宽度
1.hight:图像的高度,以像素为单位。
2.width:图像的宽度,以像素为单位。
三,在代码中插入图像的位置
大家可以尝试一下以下三种情况:
1.在<p>之前。
2.在<p>之中。
3.在<p>的起始处。
ps:<p>是块级元素,<img>是内联元素。块级元素总是另起一行,当内联元素位于块级元素中,块级元素就不会另起一行。
四,HTML5图形和图形说明
1.<figure>:当几个图像的alt是一样的,就可用<figure>元素来包含多个<img>。
2.<figcaption>:它是用来说明图像信息的,图像的信息将放在图像的底部。还有另一种方法可以说明图像的信息,要用到bootstrap框架,以后会讲到的。
OK!HTML5图像已经讲完,有要详细的代码列子,可在下方留言。记得给红心哈!
网友评论