一、标签：
< ! DOCTYPE html> : H5文档声明。
< html lang = 'zh-CN'> ：网页语言声明。
<meta charset = 'utf-8'> ：编码类型声明。
<!-- 在此处写注释 --> : 注释。
（一）排版标签：
<h1> ——<h6>都是标题，文字依次从大到小。
<p> 段落。
<div> 分区。（像盒子一样把你需要分在一起的排版装在一起）
（二）常用文本标签
<em> 着重阅读内容标签。
<strong> 强调内容，语气比em更强。
<span> 没有语义，功能类似div，是小div。
（三）图片标签
<img src = 'path'>
常见图片格式：
1.jpg，jpeg：有损压缩格式，颜色丰富，内存小，不支持透明背景，不支持动图；
2.png：无损压缩格式，颜色丰富，内存略大，支持透明背景，不支持动图；
3.bmp：不压缩，颜色丰富，细节突出，内存极大，不支持透明背景，不支持动图；
4.gif：仅支持256种颜色，支持简单透明背景，支持动图；
5.webp：兼顾上述格式的优点，但兼容性差，是专门用于在网页上呈现的图片格式；
6.base64：将图片转码为一堆文本，只能通过浏览器打开，用于需要和网页一起加载的图片。（base64的图片不需要请求一次路径，浏览器可以直接通过解码展示图片，所以可以节省一次请求开销）
（四）超链接标签
<a href="url" target = "_blank || _self"> </a> (blank是新打开标签页跳转，self是当前标签页跳转，默认是self)
a标签内可以嵌套除a标签外的其他标签。
a标签也可以跳转文件资源，可以查看图片、视频、pdf等格式。当a标签内添加了download关键字时，点击资源会进行下载。
a标签内不写链接，而是写一个标记name，或者其他标签加id属性，这种标签就称为锚点，可以让其他a标签实现快速跳转（href=#name）。推荐使用id这种方式，因为a标签自己会占20px的高度，有空隙。
<a href = "#"></a> 可以直接回到页面顶部，<a href = " "></a> 可以刷新页面。
<a href = "tel：号码">打电话</a>，<a href = "mail：邮箱">发邮件</a>，<a href = "sms：号码">发短信</a>
（五）列表标签：
1.有序列表（ordered list）<ol></ol>
2.无序列表（unordered list）<ul></ul>
列表项（list item）<li></li>
3.自定义列表（definition list）<dl></dl>
自定义列表标题（definition title）<dt></dt>
自定义描述（definition describe）<dd></dd>
列表可以嵌套，但注意一定要写完整。
li 常用于 ol 和 ul ，dl 用 dt 和 dd。
（六）表格标签：
<table>表格</table>；
表格是一个有层级的结构，所以其内部有许多带有语义的标签。
<caption> 表格标题；
<thead> 表格头部；
<th> 头部内单元格；
<tbody> 表格主体；
<tfoot> 表格脚注；
<td> 主体和脚注内单元格；
<tr> 单元行；
表格常用属性：
border ：表格边框大小；
width，height；
cellspacing：单元格间距；
align：水平对齐方式；
valign：垂直对齐方式；
rowspan：跨行；
colspan ：跨列；
（七）表单标签：
1.<form action="url/s" target="_blank || _self" method="请求方式">表单</form>
其中url是表单提交的地址, “/s”是由服务器提供的交互接口，不同网站不同功能可能不同，但不要漏了。例如：搜索的话 百度是/s，京东是/search。
method请求方式：get、post、delete、put等，默认是get。
2.<input type="xxx" name="xxx" value="xxx" maxlength=" X "> 输入框
其中，type一般用text、password、radio（单选框）、checkbox（复选框）
name里是提交数据名，如果要与服务器进行交互的话，就需要由服务器提供接口，不同网站也不同，对不上的话服务器不会响应请求。name还可以控制单选框和复选框的归类，将同一类的数据用同一个name就可以了。
value有两个功能，一是提供一个默认输入值；二是用于单选框和复选框时做一个识别。
maxlength限制输入的最大长度。
3.<textarea name=" ">文本域</textarea>
4.<select name=" ">下拉框</select>，选项用<option value=" " selected>标签，value是实际提交的数据，加上selected就是默认选项。
5.<label for="id">对应名</label>
label用于表单控件和文字进行关联，通过点击对应名，也可以将光标移动到对应的标签控件上面。
id是对应标签内的id名，也可以不加id，但是不加的时候必须是控件嵌套在label里面。
6.<button type="submit"> 提交；<button type="reset"> 重置；<botton type="botton"> 普通按钮
button默认的type是submit，也可以设置为reset，用于重置表单内容；普通按钮不会有任何反应，但可以通过JS实现交互。
7.filedset用于划分表单区域，legend给区域命名。其他表单控件嵌套在fieldset里，和legend平级。
<fieldset>
<legend>区域标题</legend>
其他表单控件
</fieldset>
8.表单控件里如果加上disabled属性，那就是禁用此控件，不允许用户交互。
（八）框架标签
<iframe src="链接"></iframe>
框架可以用于在网页中嵌套其他文件，可以是资源，也可以是其他网址，还可以用name与其他控件的target一致用于展示响应的内容。
例如：<a href="url" target="123"></a>
<iframe name="123"></iframe>
这样url指向的网址就会展示在框架内。
（九）其他常用标签
<br>换行
<hr>分隔线
<pre>按原文显示（常用于嵌入代码）
 ； 浏览器会将这个识别为空格，写一个就展示一个，常用于调整页面，分好不要忘了。
二、标签属性：
1.loop = “次数”：循环次数。
2.bgcolor = “颜色”：背景色。
3.id = “标识”：唯一标识。
4.type = “类型”：标签类型。
