a标签
属性
- href
- target
- download
- ref=noopener
作用
- 跳转外部网页
- 跳转内部锚点
- 跳转到邮箱或电话等
herf取值
-
网址
-
路径
/a/b/c 以及 a/b/c index.html 以及 ./index.htm
-
路径
javascript: js代码 ; mailto:邮箱 tel:手机号
target
-
内置名字
_blank _top _parent _self
-
程序员命名
window 的 name iframe 的 name
tabel 标签
相关标签
- table
- thead 表格头部
- tbody 表格主体
- tfoot 表格底部
- tr 表格行
- td 表格行内的单元格
- th 表格行内的头一个单元格
相关样式
- table-layout
auto: 根据内容自动设置宽度 fixed: 均分宽度
- boder-collapse
separate 默认值,边框会被分开 collapse 合并边框
- boder-spacing
水平间距 垂直间距(可简写成一个间距) 相邻单元格的边框间的距离
img标签
作用
发起一个get请求,展示一张图片
属性
- alt 图片加载失败时显示的文字
- height
- width
- src
事件
- onload 加载成功后回调
- onerror 加载失败后回调
响应式
- max-width:100%
form标签
作用
发出get或post请求,然后刷新页面。
属性
- action 相当于img的src
- method GET/POST 控制用get还是post来请求,值要大写
- autocomplete on/off 输入框是否提示填写词
- target 提交到哪个页面,即哪个页面需要刷新
事件
- onsubmit 点击按钮触发的事件
tips:一个表单必须有一个具有type=submit属性的input或者button标签,否则不能触发submit事件。
input 标签
作用
提供输入内容的区域,用于搜集用户信息
根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
属性
- type
可选值:text、color、password、radio、checkbox、file、hidden、submit 相关标签:
- textarea 多行文本
- select 单选或多选菜单
- option 单选或多选菜单的选项
事件
- onchange 值改变时触发
- onfocus 输入框聚焦时触发
- onblur 输入框失去聚焦时触发