HTML常用标签

a 标签的用法

a标签的属性有href、target、download(下载页面<a href="xxx" download>xxx</a>)、rel=noopener(为了防止一个bug)

href,hyper ref,超链接

• href的取值
  （1）网址//goole.com,自动识别http或者https
  （2）路径，绝对路径与相对路径
  （3）伪协议，js代码，<a href="javascipt:xxx;">xx</a>为了直接执行js使用。mailto：邮箱，<a href="mailto:xxxxxx">xx</a>。tel:手机号<a href="tel:xxx">xx</a>。id,<a href="#xxx">xx</a>,会跳转到指定的标签

target,决定在哪一个窗口打开超链接

• _blank,在新页面打开
• _self,在当前页面打开
• _top,在顶层页面打开
• _parent,在父级页面打开

---

img 标签的用法

作用：发出get请求、展示一张图片

属性

• alt,altilative,图片加载失败时显示的内容
• height/width,二者只规定一个值即可，两者都赋值图片可能会变形
• scr,source,后面一般接地址、路径等

事件

• js里onload、onerror用来监听图片是否加载成功
• onload表示加载成功
• onerror,加载失败

响应式，一般在style里加上img{ max-width:100%; }

---

table 标签的用法

涉及table、thead、tbody、tfoot，tr(一行)、th（表头）、td

• 单表头的例子，双表头差不多

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

当我们在表格里面不使用thead,tbody或者tfoot的时候，你写的tr会直接变成tbody的内容，然后tbody会自动出现。

tbody、thead、tfoot没有固定顺序要求，因为最后网页显示效果还是从头到尾的顺序。 相关样式

• table-layout，取值为auto（自动），表格的宽高会自动跟随字体改变。
• border-collapse，collapse合并
• border-spacing，格子之间的空隙

---

其他感想

HTML还蛮有意思的，加油加油，希望在学习的路途中结识热爱编程的小伙伴！