HTML学习笔记

2018-06-19  本文已影响0人  柴郡名

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。

img标签实例

9.<nav>标签

HTML导航栏 (<nav>) 描绘一个含有多个超链接的区域,这个区域包含转到其他页面,或者页面内部其他部分的链接列表.

并不是所有的链接都必须使用<nav>元素,它只用来将一些热门的链接放入导航栏,例如<footer>元素就常用来在页面底部包含一个不常用到,没必要加入<nav>的链接列表.

一个网页也可能含有多个<nav>元素,例如一个是网站内的导航列表,另一个是本页面内的导航列表.

注:MDN文档摘抄

10.<section>标签

<section>元素表示一个包含在HTML文档中的独立部分,它没有更具体的语义元素来表示,一般来说会有包含一个标题。

上一篇 下一篇

猜你喜欢

热点阅读