html标签
-
a标签
属性
href
target
download
rel = noopener
作用
跳转外部页面
跳转内部锚点
跳转到邮箱电话等
-
a标签的href的取值
网址
//google.com
路径
/a/b/b 以及a/b/c
index.html以及./index.htmll
伪协议
javascript:代码;
matlto:邮箱
tel:手机号
-
a标签的target的取值
内置名字
-blank(新的页面打开)
-top(顶部打开)
-parent(父级窗口打开)
-self(当前页面打开)
程毓媛命名
window的name(锚点链接)
iframe的nae(iframe内打开)
-
a标签download属性
作用
不是打开页面,而是下载页面
问题
不是所有浏览器都支持,尤其手机浏览器不支持
iframe标签
- 内嵌窗口已经很少用了,还有些老的系统在用
table标签(表格)
-
table标签相关的标签
table:表格
thead:表头
tbody:表体
tfoot:表底
tr:行
td:每项
th:标题
相关的样式
table-layout
border-collegespdr
border-spancing
img标签(图片)
-
作用
发出get请求,展示一张图片
-
属性
alt (图片加载失败展示文字)
height(高)
width(宽)
src(图片的地址路径0
-
事件
onloab:图片加载成功执行
onerror:图片加载失败执行
-
响应式
max-width:100%(图片的最大宽度)
form表单标签
-
作用
发git或post请求,然后刷新页面
-
属性
active (要提交的那个网址)
autocomplete:
method(使用什么请求)
target(规定在什么窗口打开页面)
-
事件
onsubmit : 提交时触发
input标签
-
作用
让用户输入内容
-
属性typpe
button 定义可点击按钮 checkbox 定义复选框 email 定义邮箱字段 file 定义输入字段和 "浏览"按钮,供文件上传 hidden 定义隐藏的输入字段 number 定义数字字段 password 定义密码字段 radio 定义单选按钮 search 定义用于搜索的文本字段 submit 定义提交按钮 tel 定义用于电话号码的文本字段 text 定义单行的输入字段 -
其他属性
name 规定 input 元素的名称 autofocus 规定输入字段在页面加载时是否获得焦点 checked 规定当页面加载时是否预先选择该 input 元素 disabled 规定当页面加载时是否禁用该 input 元素 maxlength 规定文本字段中允许的最大字符数 pattern 规定输入字段的值的模式或格式。 value 规定按钮上的文本 placeholder 规定帮助用户填写输入字段的提示
-
-
事件
onchange:变化是触发
onfocus:获取焦点是触发
onblur:失去焦点是触发
- 验证器(html5新增功能)
其他输入标签
- select+option
- textarea
- label
注意事项
一般不监听input的click事件
from里面input要有ame属性
form里面发一个typ=submit才能触发
其他标签
video(视频)
audio(音频)
canvas(画布)
svg(图像)