1. a 标签的用法

跳转到外部页面/内部锚点/邮箱/电话等

<a href="" target="" ></a>

属性：

href
target
download
rel=noopener

target的取值：

_blank：在新的窗口打开
_top；在顶级窗口打开
_parent：在当前链接所在iframe的上一层打开
_self；默认值，在当前打开

2. img 标签的用法

发出get请求，展示一张图片

<img src="" alt="">

属性：

alt：对图像的文本描述/图片加载失败时的提示内容
height：设置图片的高度
width：设置图片的宽度
src：存放图片的路径

事件：

onload：可在页面开发者模式（F12）中查看图片加载成功的输出信息
onerror：查看图片加载失败的输出信息

响应式：

max-width:100%

当页面需要在手机端上运行时，max-width可以让一个较大的图片适应手机屏幕的大小进行等比缩放，使展示效果更加显著

3. table 标签的用法

表示表格数据

<table>
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td></td>
            </tr>
        </tfoot>
</table>

    头部和脚部可以没有，但是必须存在tbody，并且头部脚部和数据的三者的位置随意调整不会影响表格的内容。有时候不写tbody，直接写td、tr标签时，表格还是正常显示的，其实是页面自动补全了tbody。
    当我们设置table的样式时，layout的auto表示表格会根据内容划分宽度字数多就宽，少则窄；fixed表示尽量平均宽度，使所有格子保持一致。
    同时，在编写样式时，默认添加border-collapse : collopse; border-spacing : 0px;可以使表格更加美观。

4. form 标签的特殊点

form表单里必须要有一个"type = submit"才能进行提交

HTML常用标签1