HTML常用标签

imag标签

相对路径：
.表示当前文件所在的目录; …表示当前文件所在的上一级目录； 文件名 表示当前文件所在目录的文件，相当于./文件名，./可以省略

绝对路径：
正确格式是： http://ip:port/工程名/子语言路径

<img src="./imgs/1.jpg" width="200" height="200" border="1" alt="美女">

表格

合并表格方法如下：

<table border="1" width="500px" align="center" style="border-collapse: collapse;">
			<tr>
				<th colspan="2">班级+姓名</th>
				<th>年龄</th>
				<th>性别</th>
			</tr>
			<tr align="center">
				<td rowspan="2">101班</td>
				<td>张三</td>
				<td>18</td>
				<td>男</td>
			</tr>
			<tr align="center">
				<td>李四</td>
				<td>19</td>
				<td>女</td>
			</tr>
			<tr align="center">
				<td>102</td>
				<td>王五</td>
				<td>20</td>
				<td>男</td>
			</tr>			
		</table>

表单

form 表单用于向服务器传输数据。form元素是块级元素，其前后会产生折行。表单提交时，必须设置表单元素的name属性值，否则无法获取数据。表单需要和表单元素一起使用。
常用属性：
action 提交表单的地址
method：提交方式（不区分大小）
get提交 get； post提交 post
target 提交数据时打开窗口的方式

• _self:当前窗口
• _blank:空白窗口
  GET请求和POST请求的区别：
• GET请求时参数会跟在浏览器地址栏的后买你，而post请求不会，post请求会将数据存放在请求体中。
• get请求相对于post请求来说，不是那么安全。
• get请求传递的数据长度是有限的，而POST请求基本上没有限制（长度和服务器相关）。
• ge请求比post请求快（2倍左右）
• get请求有缓存，会将数据存放到浏览器中即本地磁盘中，而post请求无缓存。

	<form action="http://www.baidu.com" method="get" target="_blank">
	         姓名：<input type="text" name="uname"/>
			  <button>提交</button>
	    </form>

表单元素

单选框需要通过name属性设置为一组，复选框需要通过name属性设置为一组
如果是上传文件的表单，则表单需要设置一个属性，enctype=“multipart/form-data”，提交的方式为post提交。
没有name属性是无法提交数据的！

<form action="http://www.baidu.com" method="get" >
	         文本框：<input type="text" value="zhangsan" maxlength="10"> <br />
			 文本框：<input type="text" value="zhangsan" readonly="readonly"  /> <br />
			 密码框：<input type="password" /> <br>
			 单选框：<input type="radio"  value="man" name="sex" />男
			        <input type="radio"  value="woman" name="sex"/> 女 <br>
			 复选框：<input type="checkbox" value="1" name="test">1
			        <input type="checkbox" value="2" name="test">2
					<input type="checkbox" value="3" name="test">3 <br>
			 文件域：<input type="file"  /> <br>
			 隐藏域：<input type="hidden"  value="amin"/ > <br>
			 普通按钮：<input type="button" value="普通按钮" /><br />
			 提交按钮：<input type="submit" value="提交按钮" disabled="disabled"  /> <br />
			 重置按钮：<input type="reset" value="重置按钮"  /> <br>
			 日期框：<input type="date" /> <br>
 	    </form>

按钮标签

<form action="http://www.baidu.com" >
	      <input type="text" name="unname" />
		   普通按钮：<input type="button" value="普通按钮" /><br />
		   提交按钮：<input type="submit" value="提交按钮" disabled="disabled"  /> <br />
		   重置按钮：<input type="reset" value="重置按钮"  /> <br>
		   <hr />
		   <button type="button">普通按钮</button>
		   <button type="submit">提交按钮</button>
		   <button type="reset">重置按钮</button>  
 	    </form>