a标签
常用属性
1、href
作用：
- 跳转外部页面
- 跳转内部锚点及某个元素
- 跳转邮箱或电话
取值：
- 网址（如：baidu.com）
- 文件路径（如：/a/b/c/index.html）
- 伪协议（如：javascript:代码;、mailto:邮箱、tel:手机号）
- 元素id（如：href:#元素名）
2、target
作用：
指定在何处显示链接的资源
取值：
- _self----在当前页面加载
- _blank----新窗口打开
- _parent----加载到当前框架的浏览上下文的父浏览上下文
- _blank----加载到顶层浏览上下文
3、download（待补充）
一般用于下载文件的流
4、rel=noopener（待补充）
iframe标签
在页面中嵌套窗口，现在用的比较少了，如下图效果
table标签
相关标签
- table
- thead
- tbody
- tfoot
- tr
- td
- th
<table>
<thead>
<tr>
<th>一</th>
<th>二</th>
<th>三</th>
</tr>
</thead>
<tbody>
<tr>
<th>1</th>
<th>2</th>
<th>3</th>
</tr>
</tbody>
<tfoot>
<tr>
<th>I</th>
<th>II</th>
<th>III</th>
</tr>
</tfoot>
</table>
相关样式
- table-layout----定义了用于布局表格单元格，行和列的算法
- border-collapse----决定表格的边框是分开的还是合并的
- border-spacing----指定相邻单元格边框之间的距离
img标签
作用
发送get请求，展示一张图片
属性：
- alt----定义了图像的备用文本描述
- height----设置图片的高
- width----设置图片的宽
- src----图片的地址
事件
- onload----图片请求成功事件
- onerror----图片请求失败事件
响应式
max-width：100%
可替换元素
form标签
作用
发送get或post请求，然后刷新页面
属性：
- action----处理表单提交的 URL
- autocomplete----为表单提供一些默认值
- method----http的请求方式
- target----表示在提交表单之后，在哪里显示响应信息，与a标签target属性类似
事件
onsubmit----表单提交事件
input标签
作用
让用户输入一些信息
属性
input设置类型----type
- button----按钮
- checkbox----多选
- email----email
- file----选择文件
- hidden----隐藏式input
- number----数字类型输入框
- password----密码框
- radio----单选
- search----搜索框
- submit----提交按钮
- tel----电话输入框
- text----文本框
其他属性
- name----input的名字
- autofocus
- checked
- disabled
- maxlength
- pattern
- value----输入框输入的值
- placeholder----输入框没有值的时候显示的灰色文字
事件
- onchange----当输入的值改变时触发
- onfocus----当输入框聚焦时触发
- onblue----当输入框失焦时触发 #其他输入标签
- select + option----下拉菜单
- textarea----文本域
- label
资料来源：饥人谷、MDN
