xhtml（创建表格）学习笔记
目录
1.创建表格
2.创建表单
一.<创建表格>
. 对于设计表格是非常重要的。既要明了，又要美观。表格包括表头，行（列）和实际表格数据。下面是创建表格的方法
<一>重要要素及作用
- <table> <tr> <th> <td>
- <table></table>：创建表格的开始/结束标志
- <tr></tr>: 定义一个表格行。所有表格数据都嵌入<tr>中
- <th></th>:包含一个单元格中，它必须位于表格行中
- <td></td>包含一个表格中的数据单元，必须放在一个表格行中
<二>优化表格
一>添加标题。添加摘要
二>将单元表格扩展多行
（rowspan属性定义一个表格单元所占据的行数，将相同的表格数据元素从其他扩展行排除）
<tr> <td rowspan="2">..</td> <td class="center">...</td> 为自己靠中间 <td rowspan="2"class="right">...</td>(...)单元里占据了两行的空间。位置靠右 </tr> 在<td>中添加clospan属性并设置列的数值
rowspan与clospan的区别
clospan属性扩展多行时，需要消除表格单元中那些相同的行元素（扩展的是多列而不是多行）
三>嵌套表格（在原来的表格中插入一个表格,）
<td> <table> <tr> <th><th> <td></td> </tr> </table> </td>
也就是把原来
<td>5/5</td>
<三>添加表格样式
样式化表格需要用到css
表格与盒模式的区别
不同：边界属性上不同
表格： 不能对单个的表格单元而只能对所有的单元格设置边界。
二.创建表单
xhtml表单主要（基本上就是带有一块输入信息区域的网页）是收集客户的反馈，提取的订单等等作用
<一>表单元素如何工作的
form 开始标记的表单 包括了组成表单的所有元素，而且还告诉浏览器在提交表单数据发送何处（以及浏览器发送数据的方式）表单中的每个输入控件都有一个 name属性
<form action="http://www.headfirstlabs.com/contest.php" method="POST"></form> form: 开始标记所有表格单元素至于开始标记中。 action: 说明了web服务器的url contest.php: 是处理表单数据的web应用程序 method: 是指以何种方式给服务器发送数据
<二>表单可以添加的内容
输入文本框：运用<input>输入文本框元素用来输入一行文本。（属性允许你设置输入的最大字符数及文本框的大小）
<input type="text" name="fullname" /> <type> 属性指明了你想输入“text” name:是大部分表单元素都需要提供的一个情况。 <input>是一个空元素
提交按钮：<input>创建一个按钮的表单，提交按钮就把它的属性值设置为submit
<input type="submit" />
输入单选框: <input>创建多个按钮的单选控件（任何时候只能选一个）每个选项置一个带radio属性的<input>标志。单选按钮对应给定的选项，按钮选项名必须相同。每 个选项的值不同
<input type="radio"name="hotornot" value="hot" /> <input type="radio"name="hotornot" value="hot" />
输入多选框: 创建了一个复选控件（可以多个选或零个选。或选一个）与单选项一样置一个带复选项的<input>标签（相关的复选框名字相同）每个选框的值都不同
<input type="checkbox" name="spice" value="salt" /> <input type="checkbox" name="spice" value="pepper" /> <input type="checkbox" name="spice" value="garlic" />
文本区：<textarea>元素创建一个可输入多行文本的文本框
<textarea name="comments"rows="10" cols="48"></textarea> <textarea>不是空元素，有结束标记 <rows>属性告诉文本的高度 cols属性告诉文本区的高度 <textarea></textarea>之间的都是浏览器中文本控件初始文本
选择列表: <select>元素为网页创建菜单控件<select>和<option>共同创建了菜单
<select>作用于整个菜单的全部选项<select>元素使用属性name指定一个唯一的名字 <select> <option value="Buckroo">在页面显示的名字</option> <option value="Tommy">在页面显示的名字</option> ......................."" </select>
选项：<option>定义每个菜单的选项（每个菜单选项包含了一个提交菜单选项值）
<option>作为下拉菜单的标签
<select> <option value="Buckroo">在页面显示的名字</option> <option value="Tommy">在页面显示的名字</option> ......................."" </select>
