HTML常用标签

1、iframe标签

iframe标签用于在网页内嵌套一个页面
与a标签配合使用：

<iframe name=xxx src="#"  frameborder="0"></iframe>

<a target=xxx href="http://qq.com"></a>

<a target=xxx href="http://baidu.com"></a>

src内容可以是相对路径

2、a标签

HTML a 元素 (或锚元素) 可以创建一个到其他网页、文件、同一页面内的位置、电子邮件地址或任何其他URL的超链接。

（1）跳转链接

<a href="http://qq.com" target="_blank">新建窗口</a>
<a href="http://qq.com" target="_self">当前窗口</a>
<a href="http://qq.com" target="_parent">父级窗口</a>
<a href="http://qq.com" target="_top">顶层窗口</a>
<a href="javascript:;"不做跳转</a>

链接一般需要指定协议，否则默认为当前协议

（2）下载

<a href="http://qq.com" download>下载</a>

另：当一个响应的Content-type: application/octet-stream,浏览器也会以下载的形式接受请求。

（3）href的值

href后可以接：

1. 链接
2. 文件的相对路径
3. 锚点
4. javascript伪协议

只有锚点时不会发起请求

3、form标签

form标签会将用户选中的内容全部提交至服务器。
form标签跳转页面时发起的是POST请求，a标签跳转页面时发起的是GET请求。
如果form表单里面没有提交按钮，则无法提交这个form，除非使用JS。

<form action="users" method="post">
	<input type="text" name="username">
	<input type="password" name="password">
	<input type="submit" value="提交">

Tips：
没有使用https协议，则password是以明文形式传输。
form表单提交的中文会被转换成UTF-8。
GET会把参数默认放在查询参数的位置。

4、input/button标签

input的属性：input
button的属性：button

input和label自动建立关联：

<label><input type="check box" ></label>
<label><input type="text" name="xxx"><label>

select属性常见用法：

<select name="group">
	<option value="">-</option>
	<option value="1">第一组</option>
	<option value="2">第二组</option>
	<option value="3" disabled>第三组</option>
	<option value="4" selected>第四组</option>

第三组无法被选中，默认选中第四组

如果一个form里面只有一个button，则会自动升级为提交按钮

table标签

table里面只能有三个标签，标签用法：

<table border=1>
	<colgroup>
		<col width=100>
		<col bgcolor=red>
	</colgroup>
	<thead>
		<tr>
		<th>1</th><th>2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
		<td>1</td><td>2</td>
		</tr>
	</tbody>
	<tfoot>
		<tr>
		<td>1</td><td>2</td>
		</tr>
	</tfoot>

<style>
	table{
		border-collapse: collapse;
	}
</style>

用于合并表格之间的缝隙。