1创建一个html文件，用vscode打开
首先输入一个！
然后就可以开始编辑html文件了
2 整体结构
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
</head>
<body>
<h1></h1>
</body>
</html>
3标签意义
1<title> 网页标签名字
2<boby> 网页显示内容
3<p> phase 添加段落用这个标签
4<hx> x表示数字 <h1>表示标题
5<em> <strong> emphasize 强调，内容显示斜体 strong 内容显示粗体
6<span></span>的使用，现在<head></head>标签内部，声明span{}函数，在span的主体设定，字体样式，例如
span{
color:blue;
}
然后对<body></body>中要是用的文字两头分别加上<span></span>标签就好。
7<q> 短引用在内容左右自动加上双引号 <blockquote> 大块引用 会在两边加上缩进,但是不会加上双引号
8<br> break 换行 空标签
9  nb+space 网页中的空格 空标签
10<hr> horizontal ruler 水平粗线 空标签
11<address> 地址标签
12<code> 代码标签
13<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
14<ul><li> 不排序的列表 unordered list
<ul>
<li>我的第一个列表信息</li>
</ul>
15<ol><li> 排序的列表 ordered list 会在列表的前面加上1,2,3,4序号
<ol>
<li>我的列表</li>
<li>了不起的盖茨比</li>
</ol>
16<div> 逻辑分块
可以在div 加上 id class 等属性加以区别
17创建表格5个元素table、tbody、tr、th、td
整个表格以<table>标记开始、</table>标记结束。
<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。
<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。
<th>…</th>：表格的头部的一个单元格，表格表头。
18给表格加上格式
<style type="text/css"> table tr td,th{border:1px solid #000;} </style>
19给表格加上简介和标题'
<table summary="表格简介文本">
<caption>标题文本</caption>