a标签

<a></a>
链接，可用于页面跳转和跳转外部链接等

属性

• href：规定链接指向页面的URL。
• target：指定在什么位置打开页面。默认在当前页面打开，常用_blank设置为在新空白页打开
• download
• rel=noopener

作用

1. 跳转外部页面

    <a href="//google.com">外部超链接</a>
    <a href="/a/b/c.html">c.html</a>
    <a href="index.html">index.html</a>

2. 跳转内部锚点

    <a href="#12">查看id=12的标签</a>

3. 跳转到邮箱或电话等

    <a href="mailto:1091471466@qq.com">发邮件给我</a>
    <a href="tel:18375677390">电话联系我</a>

4. javascript伪协议

    <a href="javascript:alert(1)">javascript伪协议</a>
    <a href="javascript:;">点击不产生任何操作的a标签</a>

img标签

属性

• alt：图片加载失败时的提示
• height：高度
• width：宽度
• src：图片路径

作用

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

事件

• onload：
• onerror：

响应式

max-width:100%

可替换元素

待补充

table标签

结构

<table>
        <thead>
            <tr><!--一行-->
                <th></th> <!--表头-->
            </tr>
        </thead>
        <tbody>
            <tr>
                <td></td><!--一项-->
                <td></td>
            </tr>
        </tbody>
        <tfoot></tfoot>
</table>

相关的样式

• table-layout：
  auto 表格及单元的宽度取决于其包含的内容；
  fixed：表格和列的宽度通过表格的宽度来设置，某一列的宽度仅由该列首行的单元格决定。
• border-collapse：表格边框合并
• border-spacing：表格中的空隙