3.1 表格概述
3.1.1 表格的结构
3.1.2 表格的基本语法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table align="center" frame="hsides"ruses="all" background="img/4.png" bgcolor="aaffff" border="2px"bordcolor="00ffff"bordcolorlight="aaffff"bordcolorduck="aaffff" width="20%"height="20%"><!--包含所有表格内容-->
<caption>23软件一班</caption><!--表头标题-->
<tr><!--表头-->
<td>序号</td>
<td>姓名</td>
<td>性别</td>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td>男</td>
</tr>
</table>
</bady>
</html>
3.2 表格属性的设置
3.2.1 表格边框属性
3.2.2 表格的宽度和高度属性
3.2.3 表格背景颜色与表格图像属性
<table align="center" frame="hsides"ruses="all" background="img/4.png" bgcolor="aaffff" border="2px"bordcolor="00ffff"bordcolorlight="aaffff"bordcolorduck="aaffff" width="20%"height="20%">
3.2.4 表格边框样式属性
<table align="center" width="300px"height="150px" border="2px"cellspacing="50px"cellpadding="20px">
<caption>23软件一班</caption><!--表头标题-->
<tr align="right"valign="top"><!--表头-->
<td>序号</td>
<td>姓名</td>
<td>性别</td>
</tr>
<tr align="center"valign="middle">
<td>1</td>
<td>张三</td>
<td>男</td>
</tr>
</table>
3.2.5 表格单元格间距、单元格边距属性
间距：单元格间的距离
变距：文字与单元格间的距离
3.2.6 表格水平对齐属性
3.2.7 设置表格的（tr）标记行的属性
3.2.8 设置单元格的属性
3.2.9 表格单元格跨行、跨列属性
3.2.9.1 单元格跨行
3.2.9.2 单元格跨列
3.3 表格嵌套
3.4 表单
<form name="forme1" method="post action="" enctype="text/plain"></form>
3.4.1 表单标记
3.4.2 定义域和域标题
3.4.3 表单信息输入
3.4.3.1 单行文本输入框
3.4.3.2 密码输入框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<form name="forme1" method="post action="" enctype="text/plain">
<h3>输入成绩</h3>
用户名：<input type ="text" name="user" size="15"/>
用户类型：<input type="text" name="usertype" value="普通用户" readonly/>
密码:<input type="password" name="password"/>
</form>
</body>
</html>
3.4.3.3 复选框
爱好:
<input type="checkbox" name="n1" value="sing"/>唱歌
<input type="checkbox" name="n2" value="dance"/>跳舞
<input type="checkbox" name="n3" value="basketboll"/>打篮球
3.4.3.4 单选按钮
性别:
<input type="radio" name="sex" value="male"/>男
<input type="radio" name="sex" value="male"/>女
3.4.3.5 图像按钮
<input type="image" name="start" src="img/kc.png"/>
</form>
3.4.3.6 提交按钮
<input type="submit" name="submit" value="登录"/>
3.4.3.7 重置按钮
<input type="reset" name="submit" />
3.4.3.8 普通按钮
<input type="button" name="submit" value="注册"
οnclick="javascript:alert(注册新用户)"/>
3.4.3.9 文件选择框
3.4.3.10 隐藏框
<form name="from1" method="post" action="from_action.jsp" enctype="text/plain">
<input tupe="file" name="abc"value=""/>文件选择框
<input type="hidden" name="abc"value="123"/>
</form>
3.4.4 多行文本输入框
<h3>请填写你的宝贵意见</h3>
<textarea name="info"rows="4"cols="50"wrap="virtual"></textarea>
3.4.5 下拉列表框
<h3>请选择你的课程:</h3>
<select name="course"size="4"nultiple>
<option value="c1">C语言程序设计</option>
<option value="c2">计算数学</option>
<option value="c3">数据结构</option>
<option value="c4">Java程序设计</option>
<option value="c5">网页设计与制作</option>
</select>
