HTML 常用标签

<a>标签

又称锚元素，可以通过href属性创建通向其他网页、文件、同一页面内的位置、电子邮件地址或任何其他 URL 的超链接。

作用

• 跳转外部页面
• 跳转内部锚点
• 跳转到邮箱或者电话

常用属性

• href：包含超链接指向的 URL 或 URL 片段。
  • 网址
  • 路径
  • 伪协议
    • javascript:代码;：执行这段js代码
    • mailto:邮箱：直接跳转到邮件发送页面，并填入该邮箱
    • tel:手机号：手机点击后会直接打电话给该手机号
  • id
• target：该属性指定在何处显示链接的资源。
  • _blank：在新的标签页打开
  • _top：在最顶层窗口打开
  • _parent：在父级窗口打开
  • _self：在当前标签页打开
  • 窗口名
  • iframe名
• download：指示浏览器下载 URL 而不是导航到它，因此将提示用户将其保存为本地文件。（注意浏览器兼容问题）

<img>标签

将一份图像嵌入文档。（发出 get 请求，展示一张图片）

常用属性

• src：指地址或者路径，该属性是必须的
• alt：包含一条对图像的文本描述，也是当图片加载失败后的替代项
• height：高度
• width：宽度

注：宽和高只设置一个时，另一个自适应，如果要实现响应式，可设置css样式max-width:100%

事件

• onload：图片加载成功时的回调
• onerror：图片加载失败时的回调

<table>标签

表示表格数据。

完整的table：

<table>
    <thead>
        <tr>
            <th>表头1</th>
            <th>表头2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>内容1</td>
            <td>内容2</td>
        </tr>
        <tr>
            <td>内容11</td>
            <td>内容22</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>表头1的汇总行</th>
            <th>表头2的汇总行</th>
        </tr>
    </tfoot>
</table>

• <tr>：table row
• <th>：table header
• <td>：table data

注：<thead>、<tbody>和<tfoot>三者的顺序是固定的，不受文档中出现的顺序影响

常用属性

• table-layout：表格的布局
  • auto：根据内容计算单元格宽度
  • fixed：单元格宽度尽量平均
• border-collapse：合并单元格之间的间隙
• border-spacing：单元格之间的间隙