W3C简介
The world wide web Consortum is the main international organization for the world wide word.This is line W3C
MDN简介
MDN Web Docs, previously Mozilla Developer Network and formerly Mozilla Developer Center, is the official Mozilla website for development documentation of web standards and Mozilla projects.
This is MDN
HTML 所有标签列表列表
根:
html
文档:
head ,title,base,link,meta,style
脚本:
script,noscript,template
章节
body,section,nav,article,aside,h1-h6,header,footer,address,main
组织内容
p,hr,pre,blockpote,ol,ul,li,dl,dd,dt,figure,figcaption,div
文字形式:
a,em,strong,small,s,cite,q,dfn,abbr,data,time,code,var,samp,kbd,sub,sup,i,b,u,mark,ruby
编辑
ins,del
嵌入内容
img,iframe,embed,object,param,video,audio,source,track,canvas,map,area,svg,math,
表格
table ,thead,tbody,tfoot,tr,td,caption,colgroup,col
表单
form fieldset legend label input button select datalist optgroup option textarea keygen output progress meter
交互
details summary menuitem meu
html难点标签:
iframe标签:表示在当前页面打开,
a标签:
当标签的target:_blank时,表示跳转的空页面
标签target:_self时,表示跳转的自身页面,也就是当前页面
标签为_parent时,表示跳转的父页面,当前为index1.html页面,父页面iframe包含:
<iframe src = "http:../index1.html" frameborder = "0"></iframe>
标签为_top时,表示最顶级的父页面,也就是根目录的页面:
<body>
<iframe src="http://qq.com" frameborder="0"></iframe>
#带有锚点的#,点击link一下,页面会出现锚点,同时页面会滚到顶部
<a href = "#">link</a>
<a href="http://qq.com" target = "_blank">blank_qq</a>
<a href="http://qq.com" target = "_self">_selfqq</a>
<a href="http://qq.com" target = "_parent">_parentqq</a>
<a href="http://qq.com" target = "_top">_topparent</a>
</body>
a标签:download
download属性拥有下载文件,或者安装包下载a标签所指的链接。
如何判断:
通过a标签的Get请求与响应
href属性的链接写法:
1.//qq.com,
关于无协议链接协议链接//qq.com:
1.浏览器会根据当前协议,补全无协议链接的协议
2.如果用 file:// 协议浏览页面,就会访问到 file://qq.com,这是一个不存在的路径
3.应该尽量不使用 file:// 协议预览网页,以免无协议链接出错
2.#xxx ?name = qqq ./xxx.html
3.javascript:alert(1); javascript:;
伪协议(点击之后啥也不做):
1.可以在用户点击 a 时执行一段 javascript 代码
2.在地址栏输入 javascript:alert(1) 可以在当前页面执行一段代码
3.伪协议可以实现「点击之后没有任何动作的 a 标签」,满足一些奇葩需求
<a href = "javascript:;"></a>
form和table键:
form 与table键的组合:
form是提交数据,Post请求及GET请求
<form action = "name?xxx" target = "bbb" method = "post">
<label for = "yyy">用户名</label><input type = "text" name = "username" id = "yyy">
<label for = "xxx">密码<label><input type = "password" name = "password" id = "xxx">
<label>用户名<input type = "text" name = "username" ></label>
<label>密码<input type = "password" name = "password" ></label>
爱吃水果
<label>香蕉<input type = "checkbox" name = "fruit" value = "banna"></label>
<label>苹果<input type = "checkbox" name = "fruit" value = "apple"></label>
爱我
<label ><input type = "radio" name = "loveme" value = "Yes"></label>
<label ><input type = "radio" name = "loveme" value = "No"></label>
<input type = "sumit" value = "button">
</form>
input 的type属性类型:
text,button,sumbit,password,checkbox,
input 与label经常一起结合起来使用