a标签
href
a的href的取值分为四部分：
1.网址
https: //baidu.com
http: //baidu.com
// baidu.com
作用：跳转链接
2.路径
/a/b/c以及a/b/c
index.html以及 ./index.html
作用：跳转页面
3.伪协议
JavaScript：代码；
mailto: 邮箱
tel: 手机号
作用：跳转邮箱或者电话
4.id
href =#xxx
作用: 跳转内部锚点
target
a的target的取值：
_blank: 在新窗口打开
_self: 默认窗口打开
_parent: 不常用
_top: 不常用
download
作用：下载页面，有问题，建议不要用
rel = noopener
看了文档也没看懂，建议不要用
img标签
img标签的作用：
发出get请求，展示一张图片
img标签的属性：
alt="xxx": 图片加载不出来的时候，xxx就会出现
height：高，不需要加单位
width：宽，不需要加单位
src：图片的相对路径或者是绝对路径
title：在上个博客讲过，鼠标经过，显示里面的内容
img的响应式
max-width = 100%
table标签
table：是一个块级容器标签，所有表格内容都要放在这个标签里面
caption：表示表格的标题。该元素是可选的
thead，tbody，tfoot：都是table的子元素，分别表示表头、表体和表尾
tr：表示表格的一行一般放在thead、tbody、tfoot的下一级，如果没有这三个标签则直接放在table的下一级。
th、td：都放在tr标签里使用，用来定义表格的单元格，th表示标题单元格，td
表示数据单元格
相关的样式
tble-layout: auto：大多数浏览器采用自动表格布局算法对表格布局。列宽由单元格内容设定
tble-layout: fixed ：列宽由表格宽度设定
border-collapse: collapse ：相邻的单元格共用同一条边框，必加
border-spacing: 0：单元格边框为0，必加这个样式，要不然太丑
form标签
form的作用：
发送get或post请求
form的属性：
action: 控制请求哪个页面
autocomplete: on或者off，是否自动填充
method: 控制使用get还是post来请求
target: 属性规定在何处打开 action URL
form包含哪几个标签:
input标签：
作用：让用户输入内容
属性type：button，text，checkbox，password......
其他：
name，autofocus，checked，disabled......
select标签： <select>搭配<option>标签，用于定义列表中的可用选项
textarea标签：定义多行的文本输入控件。
label标签： label 标签不会向用户呈现任何特殊效果。
不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。
就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
form的注意事项
1.一般不监听input的click的事件
2.form里面的input要有name
3.form里面必须要有type = submit,要不然不会触发submit事件
