HTML5元素总结

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML5元素总结相关的知识,希望对你有一定的参考价值。

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元素总结的主要内容,如果未能解决你的问题,请参考以下文章

HTML5元素拖放设置总结

(总结1)HTML5中新增加的表单元素

HTML5总结

HTML5中对于块级元素和行内元素的总结

HTML5元素总结

第五周学习总结-HTML5