一. 什么是HTML
-
HTML：Hyper Text Markup Language，意为超文本标记语言
-
超本文：超文本指的是超链接，我们可以使用超链接可以从一个页面跳转到另一个页面
-
标记：我允许我们对文本进行注释，我们在网中添加的各种标签就是标记。
-
注意html并不是一门编程语言
二. HTML发展
| 版本 | 年份 |
| HTML | 1991 |
| HTML+ | 1993 |
| HTML 2.0 | 1995 |
| HTML 3.2 | 1997 |
| HTML 4.01 | 1999 |
| XHTML 1.0 | 2000 |
| HTML5 | 2012 |
| XHTML5 | 2013 |
三. 文档声明
html发展了这么版本，我们需要告诉浏览器当前网页是什么版本，浏览器才能正确的去显示我们编写的网页，那么如何高武浏览器当前网页的HTML版本呢？这就用到了文档声明
1. html4
过渡板
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/htm14/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">
2. 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">
3. HTML5
相比上面的文档声明而言，html5的文档声明非常简单：
<!DOCTYPE html>
三. 标签
-
HTML中的标记指的就是标签
-
标签语法：
-
<标签名>：开始标签，又叫开放标签
-
< / 标签名> ：结束标签，又叫闭合标签
<标签名> 标签内容< / 标签名>
-
单标签，又叫空元素、自结束标签：
<标签名/> <!-- 举例 -- > <hr/> <br/> <input/>
注意，单标签和结束标签一样，虽然不加 / 也可能运行成功，但是并不建议这样操作
四. 元素
一个完整的HTML标签（开始标签 + 元素内容 + 结束标签）称为元素，例如下面的h1就是元素
<body> <h1> 一级标题 </h1> <p> 这是一个<em> em标签 </em> </p>` </body>
其中，em是p的子元素，p是em的父元素，body是p和em的祖先元素，p和em是body的后代元素
五. 属性
1. 简介
-
属性可以在开始标签或自结束标签中设置
-
属性以 名称 / 值对 的形式 出现
-
举例：
<font color = "red">红色</font> <a href='https://www.baidu.com' target="_blank">百度一下</a>
注意，不区分单引号和双引号
2. 常见属性
id：id属性作为标签的唯一标识，在同一个网页中不能出现相同的id属性值，必须唯一，举例：
<p id='p1' class='p' > 段落 </p>
class：class属性用了为标签分组，拥有相同class属性的标签我们认为就是一组，可以出现相同的class属性，还可以为一个元素制定多个class，举例：
<p id='p2' class='p' > 段落 </p>
title：title属性用来指定标签的标题，指定title后，鼠标悬浮到元素上方时，会出现提示文字，举例：
<p title = "哈哈哈哈">点我</p>
六. 注释
注释格式：
<!--注释内容-->
注释有时候还会用来做页面分隔提示
注意：
-
注释中只有一个！
-
注释不能嵌套
-
HTML中注释的内容不会在网页中显示
七. 编码
1. 编码
在计算机内部，文件都是以二进制编码0和1保存的，所以如果想让计算机处理文本数据，就需要把文本数据转换为0和1的二进制代码，比如“中文”两个字想在在计算机中保存，要转换为10100101这种二进制码，这个过程叫做编码。
2. 解码
计算机在读取时需要将10100101再转换为“中文”给我们显示，这个过程叫做解码
简单说，存入计算机的这个过程就是编码，从计算机中读取的过程就是解码
3. 字符集
同一个文字，在计算机中存储的二进制数据根据其编码规范的不同而有所区别，我们将不同的编码规范称之为字符集。
常见的字符集： ASCII、ISO-8859-1、GBK、GB2312、UTF-8，其中后三个都支持中文
4. 乱码
如果保存文件时和读取文件时使用的编码不一致，显示的时候就会乱码，比如保存文件的时候设置的编码是UTF-8，而读取文件的时候是ISO-8859-1，就会显示乱码。
解决乱码的方法也很简单，只需要将保存文件时的编码和读取文件时的编码保持一致即可解决，比如保存文件的时候设置的编码是UTF-8，那么在head标签中，加入以下内容即可告诉浏览器使用UTF-8字符集去解析文件。
<head> <title> 标题 </title> <meta charset='UTF-8'/> </head>
八. 简单总结
-
元素 = 开始标签 + 元素内容 + 结束标签
-
标签一般成对出现，在开始标签中可以定义该标签的属性
-
属性 = 属性名称 + 属性值
-
结束标签建议加/
-
属性值可以使用单引号，也可以使用双引号，但是建议使用双引号
-
属性和属性值对大小写不敏感，但是建议用小写
-
属性值应该始终被包括在双引号内
请登录之后再进行评论