总结:间距cellspacing的作用
再设置填充为10
<table border="20" cellspacing="10 " cellpadding="10" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
可见：设置表格边框为0时，会使单元格边框也变为0象素， 而设置表格边框为其他数值时，不会影响单元格边框的宽
再设置背景颜色为玫瑰色
<table border="20" bgcolor="#9933CC" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
表格标记
表格是由<table>定义的，行由<tr>定义，单元格 由<td>定义，因此<table>、<tr>、<td>是表格中 三个最基本的标记，必须一起出现。 表格中的单元格<td>能容纳网页中的任何元素，如 图像，文本，列表，表单，表格等。
表格过去的主要作用：网页布局
因为表格可以固定文本或图像的显示位置，还可以 使用多重表格，并可以设置前景色和背景色
表单数据提交后
表单将数据提交给动态页后，动态页通过request 对象取下数据，就能进行处理了，如把这些数据 存入数据库，或按这些数据进行查询等。 <% dim userName,PS userName=request.form("userName") PS=request.form("PS") response.write "你输入的用户名是:"&userName response.write"<br>你输入的密码是:"&PS %>
用border-collapse做1像素边框的表格
在默认情况下表格边框和单元格边框是不重叠的， 此时表格边框和单元格边框紧挨在一起，所以边 框的宽度为1＋1＝2象素，这是因为：bordercollapse: separate（不重叠、默认值） 解决办法： border-collapse: collapse; （重叠） <table border="1" bordercolor="#F00" style= "border-collapse:collapse;">
第6章 表格与表单
导入 表格（table）和表单（form）都是由成组的标记 定义，其HTML结构代码相对复杂。 制作步骤
用HTML定义表格或表单的结构代码 用CSS对表格或表单进行样式美化。
6.1 创建表格 表格的用途： ①排列数据，用来呈现数据间的关系； ② 网页布局（已过时）
设置表格边框为0
<table border="0"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
left（默认）、center、right。 ② valign：单元格中内容的垂直对齐属性，取值有： middle（默认）、top、bottom。
单元格的合并属性 <td>标记的合并属性有：
colspan（合并多列） rowspan（合并多行）
<td rowspan="3">课程表</td> <td colspan="2">星期一</td>
制作下面的栏目框
6.2.2 隔行变色表格
隔行变色：用:nth-child(n)伪类选中奇数行或偶数 列，再设置不同的颜色样式即可。
CSS 3结构伪类
伪类名 功能 :nth-child(odd) 匹配父元素的奇数个子元素 或:nth-child(2n-1) :nth-child(even) 匹配父元素的偶数个子元素 或:nth-child(2n) :nth-child(n) 匹配父元素的第n个子元素，n从1开始， 如:nth-child(1)等价于:first-child :nth-last-child(n) 匹配父元素的倒数第n个子元素 :last-child 匹配父元素的最后一个子元素 :only-child 匹配父元素的唯一的一个子元素 :nth-of-type(n) 匹配同类型的第n个同级兄弟元素E
设置间距为10，取消背景色
<table border="20" cellspacing="10" bordercolor="#0099FF"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
form标记的属性面板
action
target
name
enctype method
form标记常见属性method
method： get或post get方式提交的表单信息是表单元素1的value &表单元素2的 name=表单元素2的value……
Web应用 程序对表 单进行处 理
一个简单的表单
<form method="post" action=“a.asp"> 姓名:<br><input type="text" name="name" id="name"> <p>请问你的性别:<br> <input type="radio" name="sex" value="male">男 <input type="radio" name="sex" value="female">女</p> <p>你喜欢做些什么:<br> <input type="checkbox" name="hobby" value="book">看 书 <input type="checkbox" name="hobby" value="net">上网 <input type="checkbox" name="hobby" value="sleep">睡 觉</p> <p>我要留言:<br><textarea name="comments" id="comments" cols="30" rows="4"></textarea></p> <p><input type="submit" value="Submit"></p> </form>
例2 下面的表格是如何实现的
用间距做的边框，但并没有把表格的边框border 设为0 ，而是设为1，白色。因此在红色“边框” 的外面还有1象素白色的表格边框，单元格外也有 1象素的白色单元格边框 表格间距为1，表格背景色为红色，单元格背景色 为淡红色
单元格的对齐属性 单元格<td>(或<th>)标记具有对齐属性： ① align：单元格中内容的水平对齐属性，取值有：
表单代码的组成
一个表单的代码至少应包括三个组成部分： (1) 表单<form>标记：这里包含了处理表单 数据所用动态网页的URL以及数据提交到服务器 的方法。 (2)表单元素：例如文本框、下拉菜单、复选 框和单选框等。 (3)提交按钮：将数据传送到服务器上的动态 网页。
表单标记<form>
<form></form>标记用来创建一个表单域，即定 义表单的开始和结束位置，这一标记有几方面的 作用。第一，限定表单的范围。所有表单对象， 都要插入到表单域之中。单击提交按纽时，提交 的也是表单范围之内的内容。 第二方面，携带表单的相关信息，例如处理表单 的脚本程序的位置（action）、提交表单的方法 （method）等。这些信息对于浏览者是不可见的， 但对于处理表单确起着决定性的作用