码迷,mamicode.com
首页 > Web开发 > 详细

HTML5元素总结(1)

时间:2017-10-01 21:07:46      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:title   元素   放音   视频   简写   src   浏览器   get   nbsp   

1、html

根元素,是其他所有元素的祖先元素。

相关属性:lang :指定文字是采用什么语言书写。

2、head

文档头,html的第一个子元素,可以包含其他元素,描述页面信息,元素中的内容都不会显示在页面上。

(1)、meta:标识页面的其他元素,为空元素,是head的第一个子元素。

         一般表示为:<meta charset="UTF-8">

 

(2)、title:标识文档标题,显示在浏览器标题栏或标签页上。

        <title>xxxxx</title>

(3)、link:用于引入外部CSS规则。

    <link rel="stylesheet" href="css文件的相对路径"/>

(4)、style:规定html内容的格式,属于css引用内部格式

    <style type="text/css">

         h1<color:red;>

    </style>

3、body

文档体,文档可见内容都放置在该元素内,可以大量包含其他元素。

(1)、文本类

  h1-h6:一级到六级标题

  p:定义一个段落

 q:一般小段引用

  blockquote:大段引用

 span:跨越字符

 pre:预格式文本,按照源格式编排页面

 em:功能性网站上加强调斜体

 i:纯文本斜体

 strong:功能性网站上加粗字体体

 b:纯文本粗体

 abbr:缩写简写标签,全称写在title属性中

 sub:下标

 sup:上标

 br:换行

 hr:分割线

(2)、列表

    <ul><li></li></ul>:无序列表,可以用做导航

   <ol><li></li></ol>:有序列表,用来标识有着先后事件发生顺序的内容

   <dl><dt></dt><dd></dd></dl>:定义列表,可用做名词解释,dt一般放名称,dd放解释内容

(3)、导入文件

   A、图片

  <img src="图片存放路径" alt="图片描述">

 < figure><<img src="图片存放路径" ><figcation>图片描述</figcation></figure>

 B、音频视频

 <video src="路径" controls autoplay loop></video>:自动循环播放视频

 <audio src="路径" controls autoplay loop></audio>:自动循环播放音频

C、链接跳转

 <a href="跳转路径">XXX</a>

锚点:

 <a href="#aaa">XXX</a>

 <a href="" name="aaa">XXX</a>

 

HTML5元素总结(1)

标签:title   元素   放音   视频   简写   src   浏览器   get   nbsp   

原文地址:http://www.cnblogs.com/f44shijing/p/7617761.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!