HTML5之图像

作者: 前端梵风 | 来源:发表于2017-08-06 15:34 被阅读4次

    来吧,让我们为我们的网页添加上图像。

    一,添加图像

    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图像已经讲完,有要详细的代码列子,可在下方留言。记得给红心哈!

    相关文章

      网友评论

        本文标题:HTML5之图像

        本文链接:https://www.haomeiwen.com/subject/guaglxtx.html