1. <a> 标签的用法
<a>的常用属性：herf，target，download等等。
<a>的作用如下：
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或电话等等
1.1 <a>的herf取值
(1) 网址
一般用第三种
(2) 路径
- /a/b/c 以及 a/b/c
- index.html 以及 ./index.html
(3) 伪协议
- javascript:代码
- mailto:邮箱
- tel:手机号
(4) id
href=#xxx
点击后，浏览器会自动滚动，停在当前页面里面xxx锚点所在的位置。
1.2 <a>的target取值
_self在当前窗口打开，是默认值._blank新窗口打开。_parent上层窗口打开，这通常用于从父窗口打开的子窗口，或者<iframe>里面的链接。如果当前窗口没有上层窗口，这个值等同于_self。_top顶层窗口打开。如果当前窗口就是顶层窗口，这个值等同于_self。
1.3 <a>的download
作用：不是打开页面，而是下载页面。
问题：不是所有浏览器都支持，尤其是手机浏览器可能不支持。
2. <img> 标签的用法
<img>标签用于插入图片。它是单独使用的，没有闭合标签。它会发出一个GET请求，展示一张图片。
2.1 alt 属性
alt属性用来设定图片的文字说明。图片不显示时（比如下载失败，或用户关闭图片加载），图片的位置上会显示该文本。
<img src="foo.jpg" alt="示例图片">
上面代码中，alt是图片的说明。图片下载失败时，浏览器会在图片位置，显示文字“示例图片”。
2.2 width 属性，height 属性
图片默认以原始大小插入网页，width属性和height属性可以指定图片显示时的宽度和高度，单位是像素或百分比。
注意，一旦设置了这两个属性，浏览器会在网页中预先留出这个大小的空间，不管图片有没有加载成功。不过，由于图片的显示大小可以用 CSS 设置，所以不建议使用这两个属性。
一种特殊情况是，width属性和height属性只设置了一个，另一个没有设置。这时，浏览器会根据图片的原始大小，自动设置对应比例的图片宽度或高度。
永远不要拉伸图片，请1:1缩放。
2.3 src 属性
src属性指定图片的网址。
2.4 onload，onerror 事件
用来监听图片是否加载成功，成功onload，失败onerror。
2.5 响应式图像
用max-width: 100%。
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
img {
max-width: 100%;
}
</style>
3. <table> 标签的用法
<table>是一个块级容器标签，所有表格内容都要放在这个标签里面。
<thead>、<tbody>、<tfoot>
<thead>、<tbody>、<tfoot>都是块级容器元素，且都是<table>的一级子元素，分别表示表头、表体和表尾。
<tr>
<tr>标签表示表格的一行（table row）。
表格中有<thead>、<tbody>、<tfoot>，<tr>就放在这些容器元素之中。
<th>和<td>
<th>和<td>都用来定义表格的单元格。其中，<th>是标题单元格，<td>是数据单元格。
示例
<table>
<thead>
<tr>
<th></th>
<th>小明</th>
<th>小红</th>
</tr>
</thead>
<tbody>
<tr>
<th>语文</th>
<td>99</td>
<td>98</td>
</tr>
<tr>
<th>数学</th>
<td>98</td>
<td>99</td>
</tr>
</tbody>
<tfoot>
<tr>
<th>总分</th>
<td>197</td>
<td>197</td>
</tr>
</tfoot>
</table>
