**
表格标签:
**
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格标签table</title>
</head>
<body>
<!------3*3表格------>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td colspan="2">1.1</td>
<td rowspan="2">1.3</td>
</tr>
<tr>
<td rowspan="2">2.1</td>
<td><img src="D:\1Web前端\素材\day01\img\001.jpg" width="20"></td>
</tr>
<tr>
<td colspan="2">3.2</td>
</tr>
</table>
<br/>
<table border="1" cellspacing="0" cellpadding="5">
<tr>
<td colspan="2" rowspan="2">1.1</td>
<td>1.3</td>
</tr>
<tr>
<td>2.3</td>
</tr>
<tr>
<td>3.1</td>
<td>3.2</td>
<td>3.3</td>
</tr>
</table>
</body>
</html>
**
表单标签
**
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表单标签form</title>
</head>
<body bgcolor="yellow">
<!--表单控件:
1.input标签: 单标签 type属性 控制input类型
取值 默认 text文本框 password密码框
submit提交按钮 reset重置按钮 button 普通按钮
radio单选项 checkbox复选项
2.下拉选项框select和option标签 双标签
3.文本域 textarea 双标签
cols列属性 rows行属性 代表显示列数 行数 取值 数字
form标签的属性: action属性 提交地址 method属性 提交方法
提交服务器必须的2个属性:
name属性 表单控件的名称 value属性 表单控件的值
-->
<form>
<!-- 文本框 -->
用户名称:<input type="text" name="username" value="Tom"/><br/><br/>
<!-- 密码框 -->
用户密码:<input type="password" name="userpsd" /><br/>
<!-- 单选项 -->
性别:<input type="radio" name="sex" value="man"/>男
<input type="radio" name="sex" value="woman"/>女<br/>
<!-- 复选项 -->
爱好:<input type="checkbox" name="enj" value="eat"/>吃饭
<input type="checkbox" name="enj" value="sleep"/>睡觉
<input type="checkbox" name="enj" value="hit"/>打豆豆<br/>
<!--下拉选项框-->
城市:<select name="city">
<option value="-1">--请选择你所在的城市--</option>
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">杭州</option>
<option value="3">广州</option>
<option value="4">深圳</option>
</select><br/>
<!-- 文本域 -->
备注:<textarea cols="20" rows="4"></textarea><br/>
<!-- 按钮 -->
<input type="submit"/>
<input type="reset"/>
<input type="button" value="普通按钮"/><br/>
</form>
</body>
</html>