<!doctype> 定义文档的类型，<!doctype html>则定义文档类型为html
<html> 定义html文档
在<html>文档中包括两大块必须元素<head>和<body>
<html>
<head> 文档的头部，描述文档属性和信息
例如定义标题<title>； 设置元信息<meta>，web中位置和样式<link><style>
引用脚本<script>
</head>
<body>文档的主体，支持各种标签使用以及触发事件
例如 文本，超链接，图像，表格等
经常使用的触发事件：onload 页面结束加载后触发
onfocus 元素获得焦点时运行的脚本
onblur 元素失去焦点运行的脚本
onchange 元素值被改变时运行的脚本
onclick 元素上发生鼠标点击时触发
</body>
</html>
表单标签
<form> 定义HTML表单，用于向浏览器传输数据，包含文本字段label、文本框输入input、提交按钮button等
action：通过url发送表单数据
method：包括get、post，设置发送form data的HTTP方法
class: 定义表单的样式类
<input>
<botton>
<label>
<textarea>
<select>
<datalist>
框架标签
<frame>
<iframe>
图像标签
<img>
链接标签
<a>
<link>
表格标签
<table>
样式/节标签
<style>
<div>
<span> 被用来组合文档中的行内元素
元信息标签
<meta> 描述一个HTML网页文档的属性，例如作者、时间、关键词、页面刷新，常用于搜索引擎优化，移动端的布局
Example1:
viewport 可视区，设置移动端屏幕的缩放操作
content属性包括width，height，initial，minimum-scale，maxmum-scale，user-scaleble.
图中content内容表示：文本与设备宽度保持1：1的比例，文档实际比例和最大比例是1.0，页面固定，用户不可手动缩放。
Example2:
apple-mobile-web-app-capable 设置开启对web app的支持
图中表示：支持苹果设备的web app的应用
<head>
编程标签
<script>
<param>
基础标签
<h1> to <h6> 定义HTML的标题，数字1-6表示所选的标题文本的大小
<p> 定义段落
<br> 换行符
<hr> 定义水平线
