一.a标签
作用:
- 跳转外部页面
- 跳转内部锚点
- 跳转邮箱或电话
属性:
- href:跳转的连接地址
- 网址
https://google.com,
http://google.com,
//google.com。
- 路径
/a/b/b以及a/b/c
index.html以及./index.html
- 伪协议
javascript:代码;
mailto:邮箱;
tel:电话手机号
- id
href=#xxx
2.target:设置打开放式
- 内置名字
_blank:新窗口打开
_top:顶层窗口打开
_self:自身窗口打开
_parent:父窗口打开
- 程序员命名
window的name:
表示如果有xxx的窗口就在xxx打开,如果没有就创建xxx新窗口打开
- iframe的name
点击google或者baidu都在name=xxx的iframe打开
3.download:表示下载页面,不是所有浏览器都支持
4.rel=noopener
二.table标签
- 相关标签
- table:表格
- thead:表格头部
- tbody:表格主体
- tfoot:表格脚步
- tr:设置行
- th:行内单个表格元素表头(会自动加粗)
- td:行内单个单元格
2.相关样式
- table-layout:定义布局表格单元格行和列的算法
- border-collapse:控制单元格是否合并
- border-spacing:设置单元格边距
三.img标签
- 作用:发出get请求展示一张图片
- 属性
- alt:加载失败的提示
- weight:宽
- height:高
- src:路径
3.事件
onload:图片加载成功执行的事件
onerror:图片加载失败执行的事件
4.响应式:max-weight:100%
四.form标签
- 作用:发送get或者post请求然后刷新页面
- 属性
- action:控制请求那个页面
- autocomplete:是否给出自动的建议
- method:设置get或者post请求
- target:与a标签的target类似
3.事件
onsubmit:提交事件,必须有一个type=submit的按钮才可以触发
五.input标签
- 作用:让用户输入内容
- 属性:
- 类型type:button/checkbox/email/file/hidden/number/password/radio/search/submit/tel/text
- 其他nane:autofocus/checked/disabled/maxlength/pattern/value/placeholder
3.事件:onchange/onfocus/onblur
一般网站 域名/favicon.ico 就能拿到图标