a标签的用法
a标签实例
<a href="//example.com" target="_blank">
href
可以创建通向其他网页、文件、电子邮件地址或任何其他 URL 的超链接
href取值
- 网址: //example.com 无协议地址
- 文件路径
- 伪协议
- javascript为协议 href = "javascript:可执行js;"
- javascript为协议 href = "javascript:;" a标签 什么都不做
- href #xxx(id) 跳转到指定标签
- mailto:邮箱地址，可以跳转至邮箱界面
- tel:电话号码，可以直接打电话
target
在哪个标签页打开
- _blank 新标签页
- _self 当前页面
- _top 顶层页面
- _parent 上层页面
- xxx : 有就用xxx 没有就新建
download
下载网页
rel=noopener
阻止新标签通过JavaScript的功能控制其引用窗口
table标签的用法
- thead
- tr
行 - th
表头 - tbody
- td
数据 - tfoot
相关样式
- table-layout
auto 会根据内容自动对齐宽度 fixed尽量平均 -
border-collapse:collapseborder合并 -
border-spacing:0border间距离为0
img标签的用法
- 作用:发起一个get请求，展示一张图片
- 属性:src，alt，width，hidth
img src ="图片地址" alt="加载失败时地址"
未填写宽度或高度会自适应
max-width 100% 最大宽度，响应式，通常可使图片在手机上可观看 - 事件:onload onerror
onload:加载成功时
onerror:加载失败时
form标签的用法
- 作用
发送get/post请求，然后刷新页面 - 属性
action 要发送请求的地址
autocomplete 值为on时 输入框有name的属性能够自动填充，值为off时候没有
method 设置请求方式为get/post
target 同a标签 - 事件
onsubmit 当有type="submit"的标签时候，会触发该事件，form必须有一个type="submit"，表单才能提交
input标签
- 作用
让用户输入内容 - 属性
type：button/text/color/password/radio/checkbox/file/hidden等等 - 事件
onchange
输入内容改变时候触发
onfocus
光标移中时触发
onblur
光标移走时触发 - 验证器
required 然后就会自动验证是否为空
其他标签
- select+option 实现下拉框选择
- textarea 长文本的输入，可自由拉拽，设置样式
