一、a标签的用法
a标签有如下属性:
- href
- target
- download
- rel=noopener
a标签的作用：
- 跳转外部页面
- 跳转内部锚点
- 跳转到邮箱或电话
a的href的取值（四类）：
1.网址
https://baidu.com
http://baidu.com
//baidu.com
//表最高级，它负责自动选择HTTP还是HTTPS
2.路径
/a/b/c以及a/b/c 最前面的/是HTTP服务的根目录（在哪里打开，哪里就是根目录）
index.html ./index.html
3.伪协议
javascript:代码; //直接执行JS，若代码处为空时，可以啥都不做（唯此法不跳转）
mailto:bbw1996@qq.com //点击发邮件
tel:188XXXX4557 //点击可以打电话（手机上面好用）
4.ID
href=#xxx //跳到内部锚点处
a的target的取值（四种）
-
_blank 空白页（新打开一个窗口）
-
_top 顶级窗口（有多个窗口，父子孙级，在最顶层的窗口打开）
-
_parent 父级窗口
-
_self 在自己当前窗口
target = "xxx" //创建一个叫XXX的窗口，若已经有了xxx的窗口，就直接在xxx那打开 window.name //窗口的名字主要用于为超链接和表单设置目标（targets）。窗口可不要名称。 iframe.name //设置了名字作为目标，方便定位跳转
a的download
1.不是打开页面而是下载页面
2.问题：不是所有浏览器都支持，尤其是手机的浏览器可能不支持
二、img标签的用法
1.作用：发出get请求，展示一张图片
2.属性：
- alt —— 无法显示图像时，以文本代替图像
- height —— 高度
- width —— 宽度
- src —— 是source的缩写
ps：永远不要让图片变形，width和height用一个
3.事件
onload/onerror //监听图片是否加载成功
4.响应式 max-width:100%
5.可替换元素
三、table标签的用法
1.相关标签
- table
- thead
- tbody //其它两个可以没有，tbody必须有
- tfoot
- tr —— (table row)
- th 表头，thead、tbody、tfoot里都有
- td 单元格
2.相关的样式
table-layout:auto/fiexd //auto 自动算法取决于内容，fixed是尽量平均的分布
border-collapse //单元格间的边框合并
border-spacing //单元格之间的空隙的大小
四、form标签的概要（以后详解）
1.作用：一般是发送get或post请求，然后刷新页面
2.属性： （常用的几个）
- action （要提交到的页面）
- autocomplete （）
- method (提交方式get或post)
- target
3.事件：onsubmit
PS:<input type="submit" value="提交">和<button type="submit">提交</button> 有和区别？？？
答：button可以内部加标签
五、input标签
1.作用：让用户输入内容
2.属性：
类型type：
button/checkbox/email/file/hidden/number/password/radio/search/submit/tel/text/color
其它：
name/autofocus/checked/disabled/maxlength/pattern/value/placeholder
3.事件：onchange / onfocus / onblur
4.验证器：HTML5新增功能
required //必填字段，否则提示且不让提交
PS：注意
- 一般不监听
input的click事件 form里面的input要有nameform里要有一个type="submit"才能触发submit事件
