这次课学习了html常用标签，同时也纠正了我双击打开html页面的坏习惯，一个合格的前端的最好打开方式是用本地服务器打开
代码是：
yarn global add http-server 加载本地服务器
http-server . -c-1 http-server 简写为hs . 可以省略 -c-1 就是缓存= -1（不缓存）
a标签
属性
1.href （hyper refer）
网址：
//google.com推荐使用，不会出错http://google.comhttps://google.com
路径：
- /a/b/c 以及 a/b/c 绝对路径
- /index.html 或者 ./index.html 相对路径
伪协议：
Javascript：；能够让一个a标签被点击后不会对网页产生任何改变，只有这个伪协议能够做到<a href="javascript:0;"></a>mailto:能够直接进入发送邮件页面<a href="mailto:123@gmail.com"></a>tel:进入拨号页面<a href="tel:123456789"></a>
id：
- 能够跳转到页面锚点，增强用户体验
<p id="xxxx"></p>
2.target （链接的打开方式 ）
内置名：
- _blank 在新窗口打开链接
- _self 在当前窗口打开链接
- _top 在当前页面的最顶层frame中打开
- _parent 在当前frame的父级页面打开
iframe 内嵌窗口，很少使用
3.download 下载属性，可能不支持
img标签
发出get请求，展示一张图片
属性：
- src source 一个img一般必须有一个src属性
- alt 当你的图片加载失败后会用alt中文字内容提示失败的图是什么
- height 设置图片高度
- width 设置图片宽度
一般情况下图片请按照比例设置宽高，否则图片会变形，奇丑无比
响应式：
能够自适应屏幕的关键：max-width：100%
事件：
onload：加载成功
onerror：加载失败
table标签
完整的table包含thead，tbody，tfoot，部分不写也行，因为html有强大的纠错功能，代码顺序不会影响排列顺序，总是thead>tbody>tfoot
基本用法：
双表头：
样式：
- table-layout 表格布局；auto 宽度自适应，字数多的较宽，fixed固定宽，每列宽度一样
- border-collapse 表格边框合并，防止表格边框中间有间隙
- border-spacing 这个是两个表格边框中间的间隙大小，可以防止边框有间隙，但是不会合并边框，在border值偏大时会很容易看到边框线变粗，不美观
不设置时的表格之间有间隙，很丑；不写th样式，方便后续观察
不使用border-collapse时，无边框间隙，但是边框会合在一起看着很粗
使用border-collapse可以合并边框线
发现问题：合并边框线之前第一列没有上下边框线，合并后就有了
审查元素后发现这个边框线是tr(table row)的边框线，但是不知道为什么一开始没有出现
form标签
发送get/post请求并刷新页面
注意：
- form中必须有一个type为空或者submit的button，或者有一个type为submit的input
- button和input的submit按钮之间的区别：button是双标签，中间可以添加别的标签
- 一般不会监听input的click事件
- input都要有name属性
