a标签的用法
属性
- href
- target 规定在何处打开链接文档。
- target的取值
·内置
- _blank 在空白页面打开
- _top 在最顶级打开谷歌 （普通）
- _parent 在父级里面打开网页
- _self 当前盒子里打开网页
- xxx 如果第一次taget的值为xxx，打开的窗口， 第二次点别的，如果他也是xxx的，就把刚才打开的那个覆盖掉
- download 是下载，而非查看， 没用！！！
- rel=noopener 只是放在这里，暂时用不到
a的 href的取值
网址
- https://www.xxx.com
- http://www.xxx.com
- //http://google.com 会重定向到http://www.google.cn 然后https://www.google.cn
路径
/a/b/c index.html ./index.html
·伪协议
- javascript:alert(1); 就会执行一行js代码
- javascript:; 啥都不做 推荐
- mailto:邮箱
- tel:手机号
id
href=#
程序员命名
- wubdiw的bane
- iframe的name
img
永远不能让图片变形
作用
- 发出get请求，展示一张图片
属性
- alt 会在图面加载不出来时显示的文字
- height
- width
- src
事件
- onload
- 成功时触发
- onerror
- 失败时触发
- 用来在图片加载失败时的挽救，给个函数，如果进入这个失败了的函数，就xxx
table
·相关标签
- table
- thead
- tbody
- tfoot
- tr
- td
- th
相关样式
- table-layout
- 用于布局表格单元格，行和列的算法。
- auto //自动计算宽
- fixed //等宽
- border-collapse //是用来决定表格的边框是分开的还是合并的。
collapse
- 相邻的单元格共用同一条边框。
- separate默认值。
- 每个单元格拥有独立的边框。
- border-spacing
- 指定相邻单元格边框之间的距离
from
作用
- 发get或post请求，并刷新页面
input和value
- input里面不能有值
- button可以有 例如
- <button> <strong>111阿松大</strong> </button>
属性
- action
- autocomplete
- method
- target
事件
- onsubmit
input
属性
- text
- color
- password
- radio //单选，两个radio要有一样的name
- checkbox //多选，多个cehckbox要有一样的name
- file
- multiple //属性，可以让文件多选
- hidden //用来给js直接填一些接口获取来的数据
- textarea //文本框
- resize:none
- width:
- height
- option //下来选择框
- value 自己看的值，在双标签内输入的东西是用户看的值
事件
- onchange
- onfocus
- onblur
验证器
- HTML5新增功能
其他输入标签
- select+option
- textarea
- label
注意事项
- 一般不监听input的click事件
- form里面的input要有name
- form里要放一个type=submit才能触发
其他标签
- video
- audio
- canvas
- svg
- 注意事项：
- 这些标签的兼容性一定要查看文档
- 后续我们会在JS课程里专门讲这些标签
