参考资料
https://www.mk2048.com/blog/blog_0k0ja1jjbb.html
什么是HTML
html5
网页结构
是一个声明，全名是Document Type HyperText Mark-up Language，表示这是html5规范的页面 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词 标签位于文档的头部，不包含任何内容。 提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能常用的meta标签：
1.http-equiv属性
它用来向浏览器传达一些有用的信息，帮助浏览器正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值
<!--重定向 2秒后跳转到对应的网址，注意分号-->
<meta http-equiv="refresh" content="2;URL=http://www.baidu.com">
<!--指定文档的内容类型和编码类型 -->
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<!--告诉IE浏览器以最高级模式渲染当前网页-->
<meta http-equiv="x-ua-compatible" content="IE=edge">
2.name属性
主要用于页面的关键字和描述，是写给搜索引擎看的，关键字可以有多个用 ‘,’号隔开，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
文本样式标签：
：加粗
：斜体
：下划线
：删除线
：上标
：下标
或：特别强调某几个字
段落标签P
这就是块级标签（又叫行级标签）的特点，不管内容有没有占一行，它都会默认把一行占满，而像前面的em，i，之类的这种内容多少就占多少，而且不会默认沾满一行的就是内联标签。
a
目标文档为下载资源 例如：href属性值，指定的文件名称，就是下载操作(rar、zip等)
电子邮件链接 前提：计算机中必须安装邮件客户端，并且配置好了邮件相关信息。 例如：联系我们
返回页面顶部的空链接或具体id值的标签 例如：内容或内容
javascript：是表示在触发默认动作时，执行一段JavaScript代码。 例如：内容
javascript:;：表示什么都不执行，这样点击时就没有任何反应 例如：内容
ul ol li
里面那个type和circle即ul和ol各自的属性，circle表示是一个圆圈，类似句号的标志，type即表示以什么排序方式，给一个“a”表示用字母开始排序
常用的特殊字符：
内容 代码
空格
> >
< <
& &
¥ ¥
版权 ©
注册 ®
分类
HTML中标签元素三种不同类型：块状元素，行内元素，行内块状元素
块级元素特点：display:block;
每个块级元素都从新的一行开始，并且其后的元素也另起一行。独占一行
元素的高度、宽度、行高以及顶和底边距都可设置。
元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
常用的块状元素：
<div> <p> <h1>~<h6> <ol> <ul> <table><form> <li>
行内元素特点：display:inline;
和其他元素都在一行上；
元素的高度、宽度及顶部和底部边距不可设置；
元素的宽度就是它包含的文字或图片的宽度，不可改变。
常用的行内块状元素：
<img> <input>
行内块状元素的特点：display:inline-block;
和其他元素都在一行上；
元素的高度、宽度、行高以及顶和底边距都可设置
常用的行内元素
<a> <span> <br> <i> <em> <strong> <label>