HTML表格制作学习提示

虽然html很基础好学，但有些细节不真正遇到就是不太了解，现在都用CSS+div布局，基本的table布局还是需要掌握的，我在项目中要实现一个很复杂的table表格表单，因为没有实践过，一开始很是受阻，所以学习了一下table的相关知识，看了一些优秀的博客记录。学习了。一下琐碎的知识，很乱，就是记录而已。

------------

在做项目的时候尽管用CSS布局，但是也会用到表格布局，并且会涉及到各种各样的表格，但是可能是我基础html学的不太好，也忘了不少，初学的时候看的书也半斤八两，所以现在设计表格的时候有的吃力，所以特地学习一下记录下来。（html表格制作设计。表格布局。table的各种属性。高级表格设计！）(有道笔记)  {无法上网，所以只能在本地计算机上记录了}
====================================================


表格与单元格（<tr><td></td></tr>构成单元格） 相关属性：border cellspacing cellpadding  width height bgcolor  background  bordercolor  bordercolorright  border-style align  
设置表格的宽度后td没有必要设置了。<td valign=top align=center>

-------------------------
1、表格组合：多个表格怎么排列的问题


2、多单元格表格。。可以想成本来就很多的单元格，然后合并一行里的就用colspan 合并一列里的就用rowspan


3、表格嵌套！表格是个容器，放置元素


4、深入学习

----------------------------------------

caption标签 <colgroup span="1">
<table border="1">
<caption><em>A test tabke with merged cells</em></caption>
<tr>
<th rowspan="2"></th>
<th colspan="2">Averages</th>
<th rowspan="2">Red <br>Eyes</th>
</tr>
<tr>
<th>Height </th>
<th>Weight</th>
</tr>
<tr>
<th>Males</th>
<td>1.9</td>
<td>0.0002</td>
<td>40%</td>
</tr>
<tr>
<th>Females</th>
<td>1.7</td>
<td>0.0002</td>
<td>43%</td>
</tr>
</table>
========================
thead 和tfoot 在table中只能有一个。而tbody可以有多个！

table的属性frame和rules控制边框的显示！示例代码：

<table  border="1" width="600" frame="hsides" rules="goups">
<caption>My Ultimate Table</caption>
<colgroup span="1" width="200"></colgroup>
<colgroup span="3" width="400"></colgroup>
<thead>
<tr>
<td>Cell 1-1</td>
<td>Cell 1-2</td>
<td>Cell 1-3</td>
<td>Cell 1-4</td>
</tr>
</thead>
<tbody>
<tr>
<td>Cell 2-1</td>
<td>Cell 2-2</td>
<td>Cell 2-3</td>
<td>Cell 2-4</td>
</tr>
<tr>
<td>Cell 3-1</td>
<td>Cell 3-2</td>
<td>Cell 3-3</td>
<td>Cell 3-4</td>
</tr>
</tbody>
<tfoot>
<tr>
              <td>Cell 4-1</td>
<td>Cell 4-2</td>
<td>Cell 4-3</td>
<td>Cell 4-4</td>
</tr
</tfoot>
</table>
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
表格嵌套！！！

=========一些好的地址：

1、Web的26项基本概念和技术 www.yyyweb.com/2369.html

2、网易博客table

3、酷勤网-精通html表格

4、重新认识html表格--Uimaler