html5总结

一、总结

一句话总结：

当风轻借力，一举入高空。

二、课程资料说明

a、课程资料

博客：课程视频对应的博客里面都有上课用的代码

网站：https://fanrenyi.com （百度网盘，github）

b、html5课程对应资料

html5参考手册

html5标签对应的英文意思

HTML5 标签含义之元素周期表

三、html头部结构

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="keywords" content="html5,html5总结" />
 6     <meta name="description" content="这是html5总结演示文档。" />
 7     <title>html5总结</title>
 8 </head>
 9 <body>
10 </body>
11 </html>

1、html5文档声明

声明文档类型为HTML5文件，需要放在第一行

<!DOCTYPE html>

2、meta标签

a、charset属性：单独使用，设置文档字符及编码格式。

写法：<meta charset="UTF-8">
常见的中文编码格式：
GB2312:国标码，简体中文
GBK：扩展的国标编码，简体中文
UTF-8:万国码 Unicode码，基本兼容各国语言

GBK编码，是对GB2312编码的扩展，收录一些比如GB2312未收录的汉字和符号

b、name属性：需配合content属性使用，主要用于给搜索引擎提供必要信息。

写法：<meta name="属性值" content="属性值详细内容">
重要属性值：author 作者，声明网站作者，常用公司网址表示
keywords 网站关键字，多个关键字，用英文逗号分隔
description 网页描述，搜索引擎显示在title下的描述内容
http-equiv和name属性，必须与content属性配合使用，前两者只是用于
声明即将修改哪些属性值，而实际的属性值内容，在content中描述。

<!--charset属性-->
<meta charset="UTF-8">
<!--作者-->
<meta name="anthor" contet="https://www.fanrenyi.com" />
<!--网页关键字-->
<meta name="keywords" content="HTML5,网页,第一个" />
<!--网页描述-->
<meta name="description" content="我的第一个网页" />
<!--声明文档的编码格式-->
<meta charset="UTF-8" />

3、title标签

网页的标题，即网页选项卡上的文字

<title>html5总结</title>

四、常见的块级标签

1、标题标签

2、水平线

<hr />

3、段落

<p></p>

4、换行

换行<br />

5、引用

<blockquote></blockquote

6、预格式

7、有序列表

ol：order list

8、无序列表

ul：unorder list

9、定义描述列表

10、图片组合标签 figure

1-<figure></figure>标签一般有两个子标签：
<img src="">:一幅图片，src表示图片的路径。
<figcaption></figcaption>：图片的标题

2-浏览器显示为：图片与标题上下排列，且整体向后缩进一个单位。

11、分区标签 div

五、常见的行级标签

1、文本标签 span

2、图片标签 img

3、超链接标签 a

4、