HTML常用标签
a标签
a标签的属性有：
-
herf 其下可以写四种方式
- 网址(三种)
- 路径
- /a/b/c.html
- a/b/c.html
- 伪协议
- javascript:; (点击无作用)
- mailto: 邮箱
- tel: 电话号
- id 锚点
-
在标签锚点处 id="maodian" 在链接处src="#maodian"
-
target
- 内置名字
- _self 本页面
- _blank 弹出新页面
- _top 顶级页面
- _parent 上级页面
如上图 主要测试_top和_parent，在iframe2下点击_top,主页面会跳转至链接网址。在iframe2下点击_parent，iframe页面会跳转至链接网址
- 自己命名
点击bing时会打开新页面展示bing网址，点击baidu时，展示bing的网页(xxx)会展示baidu。它们两个共用了一个名为xxx的页面。
点击bing时，name为xxx的iframe会跳转至bing网址。点击baidu同理。
- download 页面下载 （待补充）
- rel=noopener 待补充
table标签
在网页中制作表格需要用到table标签
主要属性有table，thead，tbody，tfoot,tr（table row）,th（table head）,td（table data）。
相关样式主要有
- table-layout 在table规定宽度时，值为auto,列宽会根据内容变大变小，值为fixed时，列宽是平均的。
- border-spacing 值为表格之前的间隙
- border-collapse 值为collapse，边框会合并为一个单一的边框，会忽略 border-spacing。值为separate（默认）时，边框会被分开，不会忽略 border-spacing。
img标签
主要用于展示图片。发布get请求，并展示图片。
属性有：alt（展示失败时提示文字）/width/height/src
事件有onload（成功展示）/onerror（展示失败）
响应式：max-width : 100%
可替换元素：待补充[可替换元素 - CSS（层叠样式表） | MDN (mozilla.org)]
form标签
发出get/post请求，然后刷新页面
属性：
- action 控制向何处发送请求
- autocomplete 自动填写
- method 请求的发送方式 post get
- target 控制页面提交在哪个页面打开
事件：onsubmit
问题：在form下input和button有什么区别呢？
答：input下不能再有其他内容了。button可以添加标签如图片。
注意事项
- form里面的input要有name
- form里要放一个type=submit才能触发submit事件
总结：一个form下必须有个type=submit的按键，如果一个按键不写type，默认为submit。而按键设置为type=button就无法提交了。
input标签
type有很多,列举一些重要的。
- checkbox 多选 当页面中有多组多选时，需要添加name进行区分
- radio 单选 需要添加name
- file 提交文件 默认提交一个，添加multiple可提交多个
待补充
事件：onchange/onfocus/onblur
HTML5 新增验证器：required 必填
注意事项
一般不监听input的click事件
select + option
下拉选择
textarea 文本域
style="resize=none" 文本域不可改变大小
