HTML常用标签

一、a 标签的用法

作用：

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

属性：

△href    引用链接到某个网页      △target    设置新链接的打开窗口

 △download    下载        △rel = noopener

href取值：

①网址：https://google.com    http://google.com    .//google.com

②路径：/a/b/c    a/b/c    index.html    ./index.html

③伪协议：javascript:代码 （javascript:;空的js伪协议，什么都不做）   mailto:邮箱    tel:手机号   

④ID：href = #xxx

target取值：

①_blank    空白页面打开

②_top    在存在嵌套关系的网页时，在顶层窗口打开

③_parent    父级窗口打开

④_self    当前窗口打开（默认设置）

⑤windows的name    （target = "xxx"）

⑥iframe的name

测试工具：

命令行：

①    yarn global add http -server -c -1    (缩写 hs -c-1    c:缓存  -1：不要）

②    yarn global add parcel    

        parcel xxx.html

---

二、img 标签的用法

作用：

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

属性：

△alt    在图片无法加载时呈现在页面上的图片说明文字

△height    高度    △width    宽度    △src    资源引用

事件：

△onload    加载时    △onerror    报错时

响应式：

max -width ：100%

---

三、table 标签的用法

语法：

<table>

            <thead></thead>

            <tbody></tbody>

            <tfoot></tfoot>

</table>

<tr></tr>------table row

<th></th>------table head

<td></td>------table data

相关样式：

table - layout    表格布局

border - collapse    边框合并

border - spacing    边框间距