第一个网页
Emmet插件：可以帮我们自动生成HTML代码片段。（内置的）
元素（Element）
其他叫法:标签，元素
<a href="" title = ""></a>
元素 = 起始标记（begin tag）+ 元素内容 + 结束标记(end tag) + 元素属性（非必需）
属性 = 属性名 + 属性值
属性的分类
1.局部属性：某些元素特有的属性
2.全局属性：所有元素通用,eg:title
<meta charset="UTF-8">
有些元素没有结束标记，这样的元素叫做：空元素
空元素的两种写法：
1.<meta charset="UTF-8">
2.<meta charset="UTF-8"/>
元素的嵌套
元素不能相互嵌套：
<div><p></div><p>
父元素，子元素，祖先元素，后代元素，兄弟元素（拥有同一个父元素的元素）
标准的文档结构
文档声明：告诉浏览器，当前文档使用的是html5标准
<!DOCTYPE html>
<!DOCTYPE html>的作用是告诉浏览器使用HTML5标准解析文档，如果不添加，则。
<!DOCTYPE html>写在<html>标签的前面，不区分大小写。
<!DOCTYPE>不存在或格式错误都会导致不同的浏览器使用不同的模式解析文档(怪异模式)，每一个浏览器使用向下兼容的模式解析文档(混杂模式)。
1）严格模式：严格模式的排版和JS运作模式是以该浏览器支持的最高标准运行。
2）混杂模式：混杂模式的页面以宽松的向后兼容的方式显示；模拟老的浏览器的行为以防止站点无法工作。
3）怪异模式：不同的浏览器使用各自不同的模式解析文档。
<html lang="en"></html>
根元素，一个页面最多只能一个，并且该元素是所有其他元素的父元素或祖先元素。（html5中没有强制要求书写该元素）
lang属性：language,全局属性，表示该元素内部使用的文字是使用哪一种自然语言书写而成的。
lang = “cmn-hans” 表示简体中文
<head>
</head>
文档头，文档头内部的内容，不会显示到页面上。
<meta>
文档的元数据：附加信息。（这些信息不用来显示，用来起一些特定作用）
charset:指定网页内容编码。
计算机中，低压电（0-2 V）0，高压电（2-5 V）1 。使用的是二进制。所以在计算机中只能存储数字。为了存储文字，将文字和数字进行一一对应，比如a–97,A–64.
该字典就叫做字符编码表。中国GB2312，台湾GBK
UTF-8 是Unicode 编码的一个版本，它们是万国码。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
把网页的视口设定为适应宽度，以此来兼容手机端。
<meta http-equiv="X-UA-Compatible" content="ie=edge">
这段代码用来解决IE浏览器的兼容性问题，就是告诉浏览器，如果你是一个IE浏览器，那么推荐你将内核切换成edge.
<title></title>
表示网页的标题
<body>
</body>
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
