一.a标签的用法

a标签的作用是跳转到外部页面或内部锚点，也可以发邮件/打电话。 a标签有两个重要的属性，分别是href和target。

1. href

hyper reference的缩写，表示超链接。href有三种取值：

• 无协议网址：

<a href="https://taobao.com">淘宝</a>

<a href="http://taobao.com">淘宝</a>

<a href="//taobao.com">淘宝</a>

• 路径：

<a href="/a/b/c.html">c.html</a>

<a href="a/b/c.html">c.html</a>

两种写法效果相同。因为根据http协议，"/"不代表硬盘的根目录，而是，在哪个目录下开的http server，哪个就是根目录。

也可以直接写文件名(会在当前目录下找这个文件)：

<a href="index.html">index.html</a>

• 伪协议：

  1.javascript:代码;

  <a href="javascript:;">查看</a>
  

  2.mailto:邮箱

  <a href="mailto:18742024663@163.com">我的邮箱</a>
  

  3.tel:手机号

  <a href="tel:123456">我的电话</a>
  

2. target

指定在哪个窗口打开超链接。

• _blank ：在新的窗口打开
• _self ：在当前窗口打开
• _top ：在最顶层页面打开
• _parent ：在当前窗口的父级窗口打开

二.img标签的用法

img标签的作用是发出一个get请求，展示一张图片。

<img src="touxiang.jpg" alt="我的头像" width=400>

img标签的属性：

• src ：图片的地址
• alt ：如果图片加载失败，显示alt的内容，用作代替的文字
• width,height ：图片的宽度和高度。写其中一个，另一个会自适应

响应式：max-width:100% 用于适应手机浏览

三.table标签的用法

<table>
    <thead>
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>小明</td>
            <td>19</td>
        </tr>
        <tr>
            <td>小兰</td>
            <td>20</td>
        </tr>
    </tbody>
    <tfoot>
    
    </tfoot>
</table>