---------------------- ASP.Net+Unity开发、.Net培训、期待与您交流! ----------------------
Table标签是HTML中一个很重要的标签元素,在传统的网页布局方式就是用table来进行布局。表格布局的一个好处就是把内容固定到网页上,内容不会随便的移动和改变。其实table表格,原来是用于,保存数据的,保存有格式清晰的数据。表格中可以包含任何的内容,故在使用DIV+CSS之前,网页的布局都是采用表格来完成的。
布局的思想----排版,和用什么方式来布局无关
排版的一种思路:从大到小排版;从左向右/从上到下排
Table标签的框架
<span style="font-size:18px;"><table>
<colgroup>直列标签</colgroup>
<caption> 表名内容 </caption>
<thead>
<tr>
<th> 表头1 </th>
<th> 表头2 </th>
..................
</tr>
</thead>
<tbody>
<tr>
<td> 内容列1 <td>
<td> 内容列1 <td>
..................
</tr>
..................
</tbody>
<tfoot>
<tr>
<td> 表尾 </td>
...................
</tr>
</tfoot>
</table></span>
使用表格的框架来确定内容有一个好处就是,如果在后台中一不小心将表头行、表尾行以及内容行代码写混乱了,不会影响表格的结果内容展示,但是,如果没有使用框架的话,结果的显示就全部给乱了。下面是两个分别使用框架和不使用框架的显示效果:
1.1 | 1.2 | 1.3 |
h1 | h2 | h3 |
---|---|---|
2.1 | 2.2 | 2.3 |
r1 | r2 | r3 |
3.1 | 3.2 | 3.3 |
表格行位置顺序写乱了,不存在框架的时候,显示效果基本乱套了 |
1.1 | 1.2 | 1.3 |
h1 | h2 | h3 |
---|---|---|
2.1 |