一、HTML介绍
1. HTML是什么
（1）超文本标记语言(HyperText Mark-up Language )
（2）用来设计网页的标记语言
（3）用该语言编写的文件，以. html或. htm为后缀
（4）由浏览器解释执行
（5）不区分大小写，建议小写
2. HTML标签
（1）HTML用于描述功能的符号成为“标签”
（2）标签都封装在一对尖括号“<…>”之中，如就是一个标签
（3）封闭类型标记(也叫双标记)，必须成对出现，如
（4）非封闭类型标记，也叫作空标记，或者单标记，如
注意：Web浏览器的作用是读取HTML文档，并以网页的形式显示出它们。浏览器不会显示HTML标签，而是使用标签来解释页面的内容。
3. HTML元素
指的是从开始标签(start tag)到结束标签(end tag) 的所有代码
（1）HTML元素语法
HTML元素以开始标签起始
HTML元素以结束标签终止
（2）元素的内容是开始标签与结束标签之间的内容
（3）某些HTML元素具有空内容(empty content)
（4）空元素在开始标签中进行关闭(以开始标签的结束而结束)
（5）大多数HTML元素可拥有属性
4. HTML属性与值
（1）属性是用来修饰元素的
① 属性必须位于开始标签里
② 一个元素的属性可能不止一个，多个属性之间用空格隔开
③ 多个属性之间不区分先后顺序
（2）每个属性都有值
① 属性和属性的值之间用等号链接
② 属性的值包含在引号当中
③ 属性总是以名称/值对的形式出现
5. 注释
（1）为代码添加适当的注释是一种良好的编程习惯
（2）注释只在编辑文本情况下可见，在浏览器展示页面是并不会显示
（3）注释标签不支持任何属性
（4）语法:
<!--注释的文本内容-->
注意：1、
“ " 之间的任何内容都不会显示在浏览器中
2、注释不可以嵌套在其他注释中
3、注释不可以位于嵌在<>中
二、HTML基本结构
1. HTML基本结构
2. HTML基本结构的解释
（1）<html>
定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其它元素要包裹在它里面，标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。
（2）<head>
标签用于定义文档的头部，它是所有头部元素的容器。 中的元素可以引用脚本、指示浏览器在哪里找到样式表。文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。
下面这些标签可用在head 部分:
<title>、<meta>、 <link>、 <style>、 <script>.
应该把<head>标签放在文档的开始处，紧跟在<html> 后面，并处于<body>标签之前。
文档的头部经常会包含一些<meta> 标签，用来告诉浏览器关于文档的附加信息。
（3）<head lang="en" >
lang是language的意思，lang=” en”属性对每张页面中的主要语言进行声明，en代表了英文，只是个声明，声明了它，对搜索引擎和浏览器更友好，并不会更改显示内容。它还有常见的值是zh-CN,代表了中文。(搜索 引擎不会判断该站点是中文还是英文，它让搜索引擎知道你的站点是中文站，这些都是html规范，越规范，越容易被收录)
（4）<title>
① 可定义文档的标题。
② 它显示在浏览器窗口的标题栏或状态栏上。
③ 当把文档加入用户的收藏夹或书签列表时，标题将成为该文档的默认名称。
④<title>标签是<head>标签中唯一必须要求包含的东西，就是说写head一定要写。title, 不是说其它的不加，而是title一定要加。
⑤ title写和你网页相关的关键词有利于SE0优化
补充：SEO是搜索引擎优化的英文缩写
通过对网站内容调整，满足搜索引擎的排名需求，从而提高自已网站被搜索引擎平台录取的几率，从而把精准用户带到网站。网站都有目标群体，通过title、meta标签可以让目标群体通过关键词找到你的网站，所以你定义的关键词决定了会吸引什么样的群体。
（5）<meta>
元素可提供有关页面的元信息(meta-information)，用来向浏览器或搜索引擎描述页面。比如文档的描述和关键词。它只可以放在head中。属于元信息标签。
常见的meta有
- ① Keywords (关键字) keywords用来 告诉搜索引擎你网页的关键字是什么。
<meta name=" keywords" content="web前端">
- ② description (网站内容描述) descript ion用来告诉搜索引擎你的网站主要内容。
<meta name="description" content="web前端学习">
- ③ author作者标注网页的作者
<meta name="author" content="root, root@xxx. com">
（6）<meta charset="UTF-8" >
META标签用来描述一个HTML网页文档的属性，此处的charset=" utf-8”是说当前使用的是utf-8编码格式，GBK是在国家标准GB2312基础上扩容后兼容GB2312的标准，GBK编码专门用来解决中文编码的，是双字节的。UTF-8编码是用以解决国际上字符的一种多字节编码。
3. 什么是DTD文档模型
DTD文档模型也称DOCTYPE文档声明，它是Document Type Definition的英文缩写，意思是文档类型定义，在HTML文档中，用来指定页面所使用的HTML (或者XHTML)的版本。要想制作符合标准的页面，一个必不可少的关键组成部分就是DOCTYPE声明。只有确定了一个正确的DOCTYPE,HTML里的标识和CSS才能正常生效。它一般被定义在页面的第一行， html标签之前。它不是HTML标签。
DTD文档模型=DOCTYPE=DOCTYPE文档声明
4. DOCTYPE声明
（1）HTML 5
<!DOCTYPE html>
（2）HTML 4.01 Strict严格
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
该DTD包含所有HTML元素和属性，但不包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets)。
（3）HTML 4.01 Transitional过渡
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素(比如font)。不允许框架集
（4）HTML 4.01 Frameset框架
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN""http://www.w3.org/TR/html4/frameset.dtd">
该DTD等同于HTML 4.01Transitional,但允许框架集内容。
（5）XHTML中的DTD文档模型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"”http://www. w3. org/TR/xhtml1/DTD/xhtml I-transitional. dtd' >
该DTD包含所有HTML元素和属性，包括展示性的和弃用的元素(比如font)。不允许框架集(Framesets) 。必须以格式正确的XML来编写标记。
（6）xhtml和html的区别
XHTML是HTML向XML的一个过渡语言，在最初W3C组织希望把HTML变成更为严谨的标记语言(比如XML)，但HTML的已经应用的太为广泛，全部换掉不太现实。因此产生了XHTML这样一种过度形式。它比HTML更严谨，基本标签都还是沿用了HTML,但废除了“表现层” 的标签，同时要求标签的严格嵌套，标签结束等等。