《HTML常用标签》
a标签
a标签属性
●href
href="JavaScript:;"（javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更好）
href="#"的作用：页面中有滚动，可以直接回到顶部。设定锚点 在要定位到的位置找一个标签给他加id属性，属性值就是锚点名称
-
网址：//taobao
-
伪协议
- mailto（邮箱）
- tel（手机号）
-
路径（/a/b/c）
-
id:href=#xxx
a href="#">内容 !--#的意思是跳转到本页-- \
●target
○_blank：target="_blank" 含义：在一个新的窗口打开被连接文档 记忆方式：英文单词blank 形容词 空的 即在空的页面打开
○_self：target="_self" 含义：在当前页面打开被链接文档 记忆方式： self 名词 自己 即在当前页面打开
○_parent：target="_parent" 含义：在父框架集中打开被链接文档 parent 名词单数 父亲或母亲，即在父框架打开
○_top：target="_top" 含义：在整个窗口打开被链接文档 top名词顶部 即在顶部窗口打开
●download
●ref=noopener
这是一个很重要的且常用的 rel 属性值，与安全相关。
如果我们的链接元素没有设置 noopener，则在新窗口打开这个链接的时候，则这个新窗口页面可以通过 window.opener 获取来源页面的窗体对象，于是可以改变原页面 URL 地址之类的事情。
因此，如果网站上有外部的链接地址，一定要记得加上 noopener。
target作用
●跳转外部页面
●跳转内部锚点
●跳转邮箱或电话等
\
table标签
相关的标签
●thead 定义了一组定义表格的列头的行。
●tbody 封装了一组 tr 元素，来组成表的身体
●tfoot 表示表格中各列的汇总行。
●tr 代表表格中的一行。
●td 表示一个包含数据的表格单元格。
●th 表示表格内的表头单元格。\
table相关的样式
●table-layout
○auto 自动计算表格单元格的宽度
○fixed 表格和列的宽度通过表格的宽度来设置
●border-collapse
○collapse 相邻的单元格共用同一条边框
○separate 默认值。每个单元格拥有独立的边框
●border-spacing\
img标签
img作用
●发出get请求，展示一张图片
属性
●alt alt="图像的替代文本"
●height 图像的宽度；
●width 图像的高度
●src src="被引用图像的地址"
事件
●onload 加载成功
●onerror 加载失败
●可以通过事件返回的结果来判断图片是否加载成功
●可以再 onerror 时更改 src 的值替换备用图片
响应式
●max-width:100%
form标签
作用
●发get或post请求，然后刷新页面
属性
●action 请求页面的地址
●autocomplete 确定是否自动填充
●method 用来控制是get还是post
●target
事件
●onsubmit\
input标签
作用
●让用户输入内容
- type = color （颜色）
- type = password(隐藏内容)
- type = radiu（单选）
- 让两个radiu的name是同一个字符串，可以二选一
- type = checkbox（多选）
- 让他们拥有同一个name，表示他们是一组的
- type = file（选择上传单个文件）
- type = "file"multiple --- 上传多个文件
- type = hidden（看不见的input）用于给js自动填id
input注意事项
●一般不监听input的click事件
●form 里面的input要有name
●form里要放一个type=submit才能出发submit事件
textarea标签
作用
填写多行文本内容
