a 标签的用法

a标签常用于超链接，它有四个属性：

href

href取值：网址，如xxx.com, 或者xxx.com, 或者//xxx.com
href取值：路径，可以是相对路径，如a/b/c, ./index.html以及直接index.html,也可以是绝对路径/a/b/c
href取值：伪协议，如href="javascript:;",实现一个点击无刷新或者返回顶部的a标签，或者取值mailto:邮箱地址，常用于移动端，点击会自动拉起邮件，或者取值tel:手机号，点击可以直接拨通指定的手机号码
href取值：id，如href="#anchor"，在相应的元素取同名id，点击锚点后可以直接跳转

target

target属性用于决定链接点击后打开的方式，默认取值为self，也就是在当前页面打开，取值为_blank，点击链接后会在新窗口打开

download
rel=noopener

img 标签的用法

img标签会发出一个get请求，并展示请求到的图片
img标签的属性：

alt 当img的get请求失败时，会展示此属性设置的内容
height img标签的高度属性
width 宽度属性，当高度和宽度只设置一个时，图片会自动缩放
src source 图片的来源

img元素有两个事件

onload 当请求成功时
onerror 当请求失败时

img标签响应式

max-width: 100%

img标签是一个典型的可替换元素

在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。

table 标签的用法

table标签内包含三个标签

thead

thead用于表示表格的头部
tr标签用于表示表格的每一行，可以存在于表格的头部，表格的数据部分以及表格的尾部
th标签用于表示表头的每一个单元格，th内的内容要比td标签的内容有加粗的效果
td标签用于表示表格内容的每一个单元格，可以存在于表格的数据部分以及表格的尾部
thead用于表示表格的数据部分

tfoot

thead用于表示表格的尾部，如果没有可以省略

完整的table表格：

<table>
    <thead>
        <tr>
            <th>表头单元格1<th>
            <th>表头单元格2<th>
            <th>表头单元格3<th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th>表头列单元格1<th>
            <td>内容单元格1</td>
            <td>内容单元格2</td>
        </tr>
        <tr>
            <th>表头列单元格2<th>
            <td>内容单元格1</td>
            <td>内容单元格2</td>
        </tr>
    </tbody>
    <tfoot>
        <tr>
            <th>表头列单元格3<th>
            <td>内容单元格1</td>
            <td>内容单元格2</td>
        </tr>
    </tfoot>
</table>

HTML常用标签

a 标签的用法

img 标签的用法

table 标签的用法