一 、HTML是什么？
htyper text markup language 即超文本标记语言
超文本:就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素
标记语言：标记(标签)构成的语言
静态网页：静态的资源，如xxx.html
动态网页：html代码是由某种开发语言根据用户请求动态生成
html文档树结构图：
二 、 什么是标签？
- 由一对尖括号包裹的单词构成，如所有标签中的单词不可能从数据开头
- 标签不区分大小写和，建议使用小写
- 标签分两部分：开始标签和结束标签，两个标签之间的部分，叫标签体
- 有些标签功能比较简单，使用一个标签即可，这种标签叫做自闭合标签，如：
、
、、
三 、 标签的属性
- 通常是以键值对形式出现的，例如 name=“alex”
- 属性只能出现在开始标签 或 自闭合标签中
- 属性名字全部小写，属性值必须使用双引号或单引号包裹，如:name=“alex”
- 如果属性值和属性名完全一样，直接写属性名即可，如:readonly
1、标签
meta标签的组成：meta标签共有两个属性，分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现不同的网页功能
1：name属性主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的
1 <meta name="keywords" content="meta总结">
2 <meta name="description" content="alex是一个中国人">
2：http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
1 <meta http-equiv="content-type" charset="UTF-8">
2 <meta http-equiv="Refresh" content="2;URL=https://www.baidu.com">
3 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"> **# 兼容标签，IE"N"代表兼容几**
** 非meta标签**
1 <title>hello world</title>
2 <link rel="icon" href="http://xxxxx/pic1.ico">
3 <link rel="stylesheet" href="css.css"> # 引入样式
4 <script src="hello.js"></script> # 引入样式
2 、 标签
基本标签(块级标签和内联标签)
1 <hn>：n的取值1-6；从大到小，用于表示标题(块标签,独占一行)
2 <p>：段落标签，包裹的内容换行，并且也上下内容之间有一行空白(块标签,独占一行)
3 <b>与<strong>：加粗标签
4 <strike>：文字加上一条中线
5 <em>：文字变成斜体
6 <sup>与<sub>：上角标和小角标1
7 <br>：换行
8 <hr>：水平线
9 <div>与<span>
块级标签：