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之图像

    来吧,让我们为我们的网页添加上图像。 一,添加图像 1. 元素是用来添加图像的。 2.src属性是用来告诉浏览器图...

  • HTML5学习笔记之表格标签

    HTML5学习笔记之表格标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之表单标签

    HTML5学习笔记之表单标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5学习笔记之基础标签

    HTML5学习笔记之基础标签 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之...

  • HTML5 - Canvas

    HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。 Canvas 绘制图像 在使用 ...

  • 1.canvas基础(1)

    canvas定义 Canvas 对象是 HTML5 中新增的。HTML5 标签用于绘制图像(通过脚本,通常是 ...

  • HTML5基本介绍

    HTML5基本介绍 其他HTML5相关文章 HTML5学习笔记之HTML5基本介绍 HTML5学习笔记之基础标签 ...

  • 棋盘实现

    canvas用于绘制图像(通过javascript) html5中canvas元素仅仅是图像的容器,要通过getC...

  • Canvas基础应用

    HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像

  • 混合APP开发MUI框架书目录

    MUI框架 HTML5 APP开发之创建APP项目 HTML5 APP开发之软件打包 HTML5 APP开发之全量...

网友评论

    本文标题:HTML5之图像

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