a标签的用法:

作用：

1. 跳转网页
2. 跳转内部锚点
3. 跳转到邮箱或电话应用

属性：

1. target：如何跳转即在哪里打开页面。

   1. _self。默认在本页面打开。
   2. _blank。在新页面打开。
   3. _parent。在上一级页面打开。通常用在iframe。
   4. _top。在根页面打开。通常用在iframe。

2. href。hyper reference的缩写。超链接。指定跳转的页面路径或者伪协议、锚点。

   1. 网址。
      1. http
      2. https
      3. 省略http、https。那么页面会继承当前页面的协议进行打开新页面。
   2. 相对路径和绝对路径。
      1. http服务的根目录是http服务的启用目录。
   3. 伪协议。
      1. javascript:; 无任何作用的a标签。
      2. mailto。打开默认邮箱应用发邮件。
      3. tel。打开默认拨号应用打电话。
   4. 锚点。即标签的id值。需要加#号。可以跳转到相应的标签上。

3. download。href是是链接到html文件的话依旧是打开新页面。其他则是下载文件。

---

img标签的用法:

底线：图片不能变形

作用：发送get请求展示图片

属性：

1. src。
   1. source的缩写。输入图片的地址或路径。
   2. 图片网址。
   3. 图片的路径。
2. alt
   1. 图片加载失败后显示的内容。
3. width
   1. 这个是属性。不是css样式
   2. 单独设置width，height则会等比例缩放。
4. height
   1. 这个是属性。不是css样式
   2. 单独设置height，width则会等比例缩放。

事件：

1. onload。
   1. 图片加载成功的监听事件。
2. onerror。
   1. 图片加载失败的监听事件。
   2. 可以在代码编写提升用户体验的代码。比如修改img的src，展示别的图片。

响应式：

1. css设置max-width即可。

---

table标签的用法：

相关标签：

1. table

   1. 里面只能由thead、tbody、thead。
   2. 以上三个标签顺序可以打乱。
   3. 浏览器会将其他标签默认添加到tbody上。

2. thead。表示表头

3. tbody。表示表格主体内容。

4. tfoot。表示尾部。

5. tr。table row的缩写。行。

6. th。table head的缩写。表示单元格是表头。

7. td。table data的缩写。普通单元格。

相关样式：

1. table-layout:

   1. 设置列宽。默认值是auto。
   2. auto。自动根据内容匹配宽度。
   3. fixed。列宽尽量一致。

2. border-spacing:

   1. 单元格的间隙。chrome默认有2px的间隙。
   2. 设置间隙为0也不好看。因为两边的地方等于有两条边框，一边则是一条。

3. border-collapse:

   1. collapse。边框塌陷。可以让所有边框一样的宽。此时spacing失效。

---

其它感想：

1. 不需要死记。用到了就自然会记住。用不到记了也没用。