HTML5之图像

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

一,添加图像

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,807评论 1 92
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,832评论 24 450
  • 1. 浏览器页面有哪三层构成,分别是什么,作用是什么? 构成:结构层、表示层、行为层分别是:HTML、CSS、Ja...
    程序猿人王小贱阅读 1,894评论 1 11
  • 信仰之跃,始于眼廓。 言:星空,何不丢逝喧哗,抖落一片浮夸。 答:尘埃之所以飘的浮夸,...
    伪神灬信仰阅读 337评论 0 0