a标签
定义
用于创建一个到其他网页，文件，同一页面内的位置，电子邮件地址或任何其他URL的超链接。
重点属性
- href用法
- 跳转外部网页：
<!-- 1. 通过有协议跳转--> <a href="https://google.com"></a> <!-- 2. 通过无协议跳转--> <a href="//google.com"></a>
注：通过无协议跳转最终仍然会多次重定向get请求都有协议跳转
* 跳转路径
跳转绝对路径：例如/a，表示在当前根目录下查找a（注：不建议使用，根目录的位置不确定，在本机上和服务器上不一致）
举一个例子，现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下： c:/website/index.htm
c:/website/img/photo.jpg
如果你使用绝对路径c:/website/img/photo.jpg，那么在自己的计算机上将一切正常，因为确实可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件，但是当你将页面上传到网站的时候就很可能会出错了，因为你的网站可能在服务器的c盘，可能在d盘，也可能在aa目录下，更可能在bb目录下，总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么，在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢？对，应该是用相对路径，所谓相对路径，顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件，那么不论将这些文件放到哪里，只要他们的相对关系没有变，就不会出错。
跳转相对路径：例如a，表示在当前目录下查找a（注：建议使用）
* 跳转内部锚点
``` html
<!-- 如果有元素id为xxx，则跳转到该元素-->
<a href="#xxx"></a>
```
* 伪协议
``` html
<!-- 如果传入#，点击会跳到顶部；传入空，会自动刷新页面；使用接下来的方式，不会做任何操作-->
<a href="javascript:;"></a>
<!-- 弹出发送邮箱-->
<a href="mailto:邮箱;"></a>
<!-- 弹出打电话界面，可以用来制作简历，方便手机查看简历-->
<a href="tel:手机号;"></a>
```
2. target取值
注：为了说明，举例存在俩个iframeA、B，a标签位于B内
* 内置属性
_blank：在空白页开发
_top：在最顶层页面打开
_parent：在上一层页面A打开
_self：默认值，在当前页面B打开
* 自定义属性
xxx：新建一个window.name=xxx的窗口，并打开；如果存在name="xxx"的iframe，优先打开跳转iframe；
img标签
定义
发出get请求，将一张图片嵌入文档
常见属性
- alt：图片加载失败后描述的文字
- src：图片的路径，可以是链接的形式
- max-width：设置最大宽度，主要用于响应式显示，例如在移动端。
重要事件
- onload 在图片加载成功时触发。
- onerror 在图片加载失败时触发，可用于失败时则进一步处理，如显示404图片等等。
table标签
定义
表示表格数据 — 即通过二维数据表表示的信息 例子
<table>
<thead><th>学科</th></thead>
<tbody><tr><td>数学</td></tr></tbody>
<tfoot><tr><td>语文</td></tr></tfoot>
</table>
常见style属性
- table-layout：通常有auto或fix，auto根据内容设置表格大小，fix会平均表格大小。
- border-spacing：单元格间距，通常为0。
- border-collapse：单元格边框是否合并，为美观，通常为collapse。
相关标签
- thead：表头
- tbody：表格体
- tfoot：表格尾部
注：不写上面三个，默认浏览器会自动加上。同时文档不按上述顺序，浏览器也会自动修改，
- tr：表格行
- td：表格列数据
- th：表格头
form标签
定义
表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。
常见属性
- action：发送请求的地址，通常是后台给的url。
- method：常用的有GET和POST方法。
- autocomplete：值有on和off，开启表示根据form内input输入框的name值提示输入内容。用于便于用户输入用户名。
- target：与a标签类似，表示要跳转的页面位置。
重要事件
- onsubmit：表单提交时触发。
常用input标签
定义
用于为基于Web的表单创建交互式控件，以便接受来自用户的数据; 可以使用各种类型的输入数据和控件小部件，具体取决于设备和user agent。
常见属性
- type属性值
- button：按钮
- checkbox：复选框，同一组用同一name
- radio：单选框，同一组用同一name
- submit：提交按钮。如果input不写type，默认是submit
- file：文件上传，multiple上传多个文件
- number：只能输入数字
- password：输入密码，不可见
- text：输入文本
- tel：输入电话号码
- email：输入邮箱
- hidden：隐藏，通常用于js提交无需重复输出的数据，例如用户id
- search：搜索框
- color：颜色选择
- 其他属性
- name 一般form表单里面的所有input必须要有这个属性，方便数据的传递
- autofocus 自动聚焦
- checked 默认选中 多用于下拉框 或者 单选和多选
- disabled 不可点击
- placeholder 占位符
- value 值
- pattern 规定用于验证输入字段的模式。 正则表达式等
- maxlength 规定输入字段的最大长度，以字符个数计。
- required HTML5 自带验证器 不输入内容会提示输入内容后才可提交
重要事件
- onchange：输入内容改变时触发
- onfocus：聚焦时触发
- onblur：失去焦点时触发 注：不要使用onclick监听input事件，不好用
textarea标签
定义
表示一个多行纯文本编辑控件，当你希望用户输入一段相当长的、不限格式的文本，例如评论或反馈表单中的一段意见时，这很有用。
常用属性
- css中属性resize，通常用来使该标签用户不可缩放。
<textarea style="resize: none;"></textarea>
