HTML是HyperText Markup Language，也就是超文本标记（Markup）语言的缩写。
所谓的超文本标记语言，也就是用标记（Markup），也就是标签，来定义不一样内容的语言。（我也不知道为啥Markup被翻译成标记又被翻译成标签，总之这翻译官让初学者都很困扰）

所以每一个HTML，都是以html标签开始和结束的。

如上面的那行代码，在尖括号<和>中的就是标签。

第一行的被称为dtd文档或者文档头，规定浏览器该用html5的版本解释这个html文档。它实际上不属于正文内容，不需要太深刻的探究。

每个html文档的正文内容都从开始，到结束，其中又包含了和这两对标签。

head标签的顾名思义是头部，它是给浏览器和服务器阅读的，其中的内容并不会被体现在网页上，涉及到很多乱七八糟细节知识，对于UI来说唯一有价值的就是如下的一句

它唯一的作用就是让网页显示中文的时候不会出现乱码。
（meta=元语言，charset=character set=字符设置）
这里不去解释它的来由，只要会用可以了。

body

body标签内是一个页面最核心的部位，这中间所写的所有东西都会变成页面上能看到的不同内容，或者称为不同元素。

让我们用一个最简单的标签开始一个页面内容，

1234567

像上例这样有始有终，成双成对的标签被称为双标签。
（双标签一定要用带有反斜杆/的闭合标签闭合）

常见的标签有：

h1,h2,h3,h4,h5,h6——head，标题标签，用来表示页面的各级标题，其中h1最大并有网站名的含义，h6最小。

（h1标签在任何一个正规页面中，理论上必须存在而且只能存在一个）

p——paragraph，段落标签，段落标签内一般只有文字和表示文字内容的标签（如：span，strong，em之类的标签）。

起来饥寒交迫的努力，起来全世界受苦的人

div——division，区块标签，万能标签，没有语义（标签的内容不解释为具体的东西），它本事就只作为结构使用。

起来饥寒交迫的努力，起来全世界受苦的人

a——超链接标签，用于给内容添加跳转，href指的是超链接的路径，a标签可以包含任何标签，但是不能包含另一个a标签

点这里跳转到百度百度

基础内容就介绍的这里，下面的链接是各种标签的参考手册：