HTML重难点
本文主要是对上一篇博客进行的补充说明，重点详细地介绍a, img, table 标签的用法。
1. a标签
a标签是用于插入链接,用于跳转到外部页面，跳转到内部锚点或邮箱和电话等。它的主要属性有四个，分别为：herf， target， download， rel=noopenner。本文重点讲述前两个标签。
1.1 herf的取值
1.1.1 网址
(以谷歌为例）： https://google.com
http://google.com
//google.com
这三种都是可以的，但是推荐使用第三种，因为它可以自动识别https和http。
1.1.2 路径
/a/b/c
a/b/c
index.html
/index.html
以上这四种格式都可以。但是要注意的是，/不是硬盘根据目录，而是以hs在哪里打开，就以哪里为根目录。
1.1.3 为协议（基本不用）
JS：代码
mailto：邮箱
tel：手机号
id：#xxx
讲一下为a标签伪协议的两个特殊用法：
1. 一个什么都不做的a标签： <a herf="javascript: ;>查看</a>
2. 自动跳转到id为xxx的标签： <a herf="#xxx">查看</a>
1.2 target的取值
1.2.1 内置名字
_blank 在新的窗口打开
_top 在顶层窗口打开
_parent 在父亲窗口打开
_self 在当前窗口打开
现在由于已经很少用iframe标签了，所以用的最多的是_blank和_self这两个取值。国内的用户一般喜欢_blank，国外喜欢_self。
1.2.2 程序员名字
window的name
iframe的name
target="xxx" 如果有xxx，就在xxx打开，如果没有就会自动创建一个，并命名为xxx。
2. table标签
table里面只有三个标签： thead tbody tfoot 这三个不一定要按顺序，会按照thead tbody tfoot的顺序自动排序
然后这三个标签里面又可以有：tr（全程为table row 表示表格的一行） th（table head 表头） td（table date 表格的数据）
2.1 两个表头的表格：
制作一个两个表头的表格为示范，会更容易理解。代码如下：
效果图如下：
2.2 table的相关样式
我们首先给表格一个总的宽200px,然后就可以清晰的看出这两者的不同了。
table-layout：auto 默认的样式，根据表格的内部内容自动计算表格宽高。如下：
table-layout：fixed 根据表格的总宽高来设定（等宽）。如下：
由于表格的默认样式各单元格是不合并的，十分丑陋。
输入：border-collapse：collapse; border-spacing:0; 各单元格就和合并：
3. img 标签
3.1 作用
发出get请求吗，展示一张图片。
3.2 属性
alt：图片加载失败时用文字提示其内容。
width/height：规定图片宽高。不需要加单位，因为只支持px。不是css而是内置属性。内置属性优先级比css高。这两个属性只需要规定一个，其他一个会根据原来的比例自适应。如果两个都规定的话可能会导致图片变形。
scr：图片来源。
3.3 事件
onload与onerror 图片成功显示就是onload；显示失败就是onerror。
接下来介绍一个图片加载失败时的挽救方法：
这时候当图片加载失败时，就会替换出第二张图：
3.4 响应式
使图片可以适用于所有的屏幕大小，输入：
4. form标签
4.1 作用
发送get或post请求，然后刷新页面。
4.2 属性
action 用来控制请求那个页面，必须有。
method 用来控制get和post 默认值是get，如果改为post，则输入method:"POST"。
autocomplete 是否自动填充，默认值是off。比如如果要输入的内容是name=username，那么就会自动推荐。
target 和a标签的一样。
4.3 事件
onsubmit
4.3 input的样式
type="text" 文档
type="color" 颜色
type="password" 密码
type="radio" 单选 如：
type="checkbox" 多选 如：
type="file" 文件 默认值为单选文件，但是输入multiple后可以多选。
type="hidden" 看不见，一般是给js填写的字符串
type="submit" 提交，会根据所用的语言，变成提交的意思，如中文：
可以通过加入value，改变其上面的文字：
4.4 select
4.5 textarea
可以编辑多行文字
这时候右下角那一块可以拉动，要去掉的话需要加入style="resize:none" cols规定了其中一行可以写几个字，rows规定了显示几行内容。也可以把这两个属性去掉，在style中加入宽高来规定文本框的宽高。
4.6 input type="submit" 与button type="submit" 的区别
input里面不能还有其他标签，只能是纯文字；button还可以加其他标签。button的默认type就是submit。
4.7 注意事项
一般不监听input的click事件。
form里面的input要有name。
form里面要放一个type="submit"才能触发onsubmit事件。
