HTML简介
HTML（Hypertext Markup Language）超文本标记语言。负责网页的三个要素之中的结构。HTML使用标签的的形式来标识网页中的不同组成部分。所谓超文本指的是超链接，使用超链接可以让我们从一个页面跳转到另一个页面。
最简单的html页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>网页正文</h1>
</body>
</html>标签
HTML中的标记指的就是标签。 HTML使用标记标签来描述网页。
元素
我们还将一个完整的标签称为元素。这里我们可以将元素和标签认为是一个同义词。
祖先元素
后代元素
兄弟元素
属性
可以为HTML标签设置属性。
通过属性为HTML元素提供附加信息。
属性需要设置在开始标签或自结束标签中。
属性总是以名称/值对的形式出现。
常见属性
id
id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值。
class
class属性用来为标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，可以为一个元素指定多个class。
title
title属性用来指定标签的标题，指定title以后，鼠标移入到元素上方时，会出现提示文字。
注释
HTML注释中的内容不会在网页中显示。
<!-- 注释内容 --> • 合理的使用注释可以帮助开发人员理解网页的代码。注释不能嵌套！
HTML的发展
HTML的发展
• 1993年6月：HTML第一个版本发布。
• 1995年11月：HTML2.0
• 1997年1月：HTML3.2（W3C推荐）
• 1999年12月：HTML4.01（W3C推荐）
• 2000年底：XHTML1.0（W3C推荐）
• 2014年10月：HTML5（W3C推荐）HTML总共有那么多的版本，而且这其中至少有三个版本在广泛使用，那么浏览器怎么知道我们在使用哪个版本可以通过声明来告诉浏览器网页的版本。
html4
• 过渡版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
• 严格版
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
• 框架集
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.dtd">
xhtml1.0
• 过渡版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
• 严格版
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
• 框架集
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
html5
html4.01和xhtml的文档声明十分的麻烦。不过不用担心，以上的内容都不是我们使用的，我们使用的是html5的文档声明，而且非常简单：
<!DOCTYPE html>为了兼容一些旧的页面，浏览器中设置了两种解析模式：– 标准模式（Standards Mode） – 怪异模式（Quirks Mode） • 怪异模式解析网页时会产生一些不可预期的行为，所以我们应该避免怪异模式的出现。避免的最好方式就是在页面中编写正确的doctype。
解决编码问题
在html5中只需要使用meta标签即可完成
这个任务：
<meta charset="utf-8"/>