HTML常用标签

a 标签

重要属性：
- href  可以填写：
  - URL
    - //xxx.com 自动补全当前页面所使用的协议
  - /a/b/c  路径
  - index.html  页面目录所在的页面
  - #id  跳转到该id所在元素处
  - #  跳转到页面顶端
  - javascript:; 或 javascript:void(0)  创建一个伪链接，哪也不去
  - mailto:  打开默认邮件客户端向该邮箱写信
  - tel:  拨打该电话
---------
- target
 - _self  在当前页面打开，默认值
 - _blank  在新页面打开
 - _parent 和 _top  指定打开链接的 iframe， 很少用，要用到再查

img 标签

用 GET 方法请求图片
重要属性：
- src  可以是相对路径或绝对路径/外部URL
- alt  图片无法显示时的替代文字
- width 和 height  写死图片的宽高，在绝对必要时再使用

通常会为 <img> 添加 max-width: 100% , 以避免图片超出容器

<img> 是个可替换元素，因此可以监听 onerror 替换加载失败时的图片

table 标签

手写一个完整的表格就很好懂：
<table>
  <thead>
    <tr>
      <th></th>
      <th>表头1</th>
      <th>表头2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>行1</th>
      <td>内容1</td>
      <td>内容2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <th>总计</th>
      <td>内容3</td>
      <td>内容4</td>
    </tr>
  </tfoot>
</table>

会得到以下表格：

通常会用以下两个样式 Reset 表格：

合并单元间距离：
border-collapse: collapse;
border-spacing: 0;