HTML学习笔记
1. a标签
跳转页面 发起GET请求
1. <a herf="http://www.qq.com" target="_blank">blank</a> 表示在一个新的空白页面打开
2. <a href="http://www.qq.com" target="_self">self</a> 表示在自己的页面打开 若有"iframe"就是在"iframe"中打开 若没有则在当前的页面打开
3. <a href="http://www.qq.com" target="_parent">parent</a> 表示在父级页面打开 如有"ifarme"嵌套就是在当前"iframe"的父级中打开
4. <a href="http://www.qq.com" target="_top">top</a> 表示在顶层页面中打开一般为当前页面
5. <a href="//qq.com">无协议地址</a> a标签的无协议绝对地址 继承当前页面协议 安装html-server后可正常访问
6. <a href="1234.html">1234</a> 跳转到"1234.html"
7. <a href="#1234">1234</a> 跳转到当前页面的某一锚点 锚点不发起GET请求
8. <a href="?namel=1234">1234</a> 浏览器会自动将"?namel=1234"加入后面 并发起GET请求 除锚点外其余写法均发出GET请求
9. <a href="javascript:alert(1)">伪协议</a> javascript伪协议
2.form标签(表单)
跳转页面发起 POST 请求
若form表单里没有提交按钮则无法提交
3. input标签
<input> 标签规定了用户可以在其中输入数据的输入字段。
<input>元素在<form>元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
实例:input标签实例
元素<input type="button"> 是 <input> 元素的特殊版本,被用来创建一个没有默认值的可点击按钮。 它已经在HTML5被 <button>元素取代
4.label标签
用来关联一个控件
(1)用id进行关联
例:<label>标签的用法
(2) 用label标签包围input标签 使label成为input的父级
5.div标签
div标签用于组合其他HTML元素,本身无实在意义。常用于页面的布局.
6.h1~h6, p, span, strong, em...
此类标签用于设置文本,常见的使用方式是填充段落。
7.ul, li, ol, dl, dt, dd
用于设置带有列表内容的,比如导航栏的下拉菜单。
8.img标签
定义 HTML 页面中的图像,有两个必需的属性:src 和 alt。
9.<nav>标签
HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.
并不是所有的链接都必须使用<nav>元素,它只用来将一些热门的链接放入导航栏,例如<footer>元素就常用来在页面底部包含一个不常用到,没必要加入<nav>的链接列表.
一个网页也可能含有多个<nav>元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表.
注:MDN文档摘抄
10.<section>标签
<section>元素表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。