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、标题标签
<h1></h1>...<h6></h6>
2、水平线
<hr />
3、段落
<p></p>
4、换行
换行<br />
5、引用
<blockquote></blockquote
6、预格式
<pre></pre>
7、有序列表
ol：order list
8、无序列表
ul：unorder list
9、定义描述列表
dl
10、图片组合标签 figure
1-<figure></figure>标签一般有两个子标签：
<img src="">:一幅图片，src表示图片的路径。
<figcaption></figcaption>：图片的标题
2-浏览器显示为：图片与标题上下排列，且整体向后缩进一个单位。
11、分区标签 div
五、常见的行级标签
1、文本标签 span
2、图片标签 img
3、超链接标签 a
4、