a 锚元素
可以跳转到外部链接；可以设置页面锚点；可以跳转邮箱或电话
<a href="" target="" download="" ref="noopener"></a>
<a href="mailto:[邮箱]">邮箱</a>
<a href="tel:[手机号]">拨打手机</a>
| 常见属性 | 用途 | 备注 |
|---|---|---|
| href | 跳转链接 1、文件路径 打开对应文件 2、网址 打开新的网页 3、伪协议 4、页面id 锚点 | 伪协议： 1、javascript:; 页面不会刷新 2、邮箱地址 mailto:[邮箱] 3、手机号 tel:[手机号] |
| target | 值： _blank 另开一个页面打开 _self 当前页面打开 _top 最外层的页面打开 _parent 上层页面打开 | 利用iframe多层嵌套时，top指向最外层的，parent指向上一个 通过_blank打开的页面，会有一个漏洞， 通过window.opener可以控制前一个页面， 如果设置ref=onopener就无法通过window.opener获取上一个页面信息 |
| download | 定义下载链接的url | 这个属性需要满足很多条件，才能下载，详情看MDN |
| ref | 指定了目标对象到链接对象的关系 |
img 插入图片
<img src="[图片的路径]" alt="">
alt 当图片加载失败，会显示alt中的内容
img是通过get请求图片
onload 请求成功回调
onerror 请求失败回调
一般设置图片宽度或高度，同时设置图片容易变形，max-width:100%，可以让图片完全展示
input 输入框
<img src="[图片的路径]" alt="">
alt 当图片加载失败，会显示alt中的内容
img是通过get请求图片
onload 请求成功回调
onerror 请求失败回调
一般设置图片宽度或高度，同时设置图片容易变形，max-width:100%，可以让图片完全展示
table 表格
<table>
<thead>
<th></th>
<th></th>
</thead>
<tbody>
<tr>
<th></th>
<td></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
| 标签 | 作用 |
|---|---|
| tr | 表的一行 |
| th | 表头 |
| td | 具体内容的单元格 |
