HTML常用标签介绍

1.a标签

用于跳转页面(HTTP GET请求)

示例：

xxx

属性使用如下：

href:(以qq页面为例)写法如下

1)http://qq.com

2)https://qq.com

3)//qq.com(浏览器会根据当前协议，补全无协议链接的协议)

补充：javascript伪协议

示例：link

为什么要有javascript伪协议？

answer：在用户点击a时执行一段JavaScript代码，而且可以实现“点击之后没有任何动作的a标签”，满足一些奇怪的要求。

target:

1)_blank:在空页面打开

2)_self在:当前页面打开

3)_parent:在父页面打开

4)_top:在顶层页面打开

dowload:用于下载。它可以由http的响应决定（即Content-Type=application/octet-stream,浏览器以下载形式接收请求），也可以直接在a标签中写出来。

2.form标签

主要用于跳转页面(HTTP POST请求)

示例：

注意：若form表单中无提交按钮，则无法提交form

action:用于指定请求路径。若action="?name=xxx?z=1"会将该内容放到查询参数中。

method：默认请求为GET，且会把参数放到查询参数中，而不是第4部分(见“HTTP请求与响应”)。

一般只写POST。

3.input/button标签

区别：input不是空标签，而button是

示例：

           

注意：在form中，如果存在button标签，且button中没有type属性，点击时会自动升级为提交按钮。

4.table标签

用于展示数据

table标签的子元素：thead、tbody、tfoot、colgroup

示例：

展示：

若添加

table{

border-collapse:collapse;

}

可以使表单合并。展示如下：