使用表格组织和排列网页

        在我们看到的网页中，基本上都用到了表格，这样使我们的网页看起来更简洁，更清晰，能够让我们快速找到我们需要的信息，所以，表格的设计对于我们的网页排版是相当重要的。下面我们来认识一些关于表格组织和排列网页的基础知识。

一 常用标签：

<table>：创建表格

<tr>：表格中的一行，包含一个或多个单元格

<th>：表头

<td>：表格中的数据、信息

 

示例：

<div stytle=”color:red”>

<table>

<tr>

<td>sadgfas</td>

</tr>

</table>

</div>

注：div中的样式不会对table中的内容产生影响，

二 表格内部对齐和跨度：

常用属性：

text-align：水平方向

vertial-align：垂直方向

注：应用于<tr>的对齐属性将应用于该行的多有单元格，所以只需要。

Spanning(跨越)：是使单元格扩展到占据表格多行或多列的过程，Colspan使单元格跨越多列；rowspan使单元格跨越多行。

 

三 表格的背景和间距：

<table stytle=”background-color:yellow”>

<tr>

<td>1</td>

<td>1</td>

<td>1</td>

<td>1</td>

</tr>

注：<td>控制的是这一行的数据。

四 总结：

     通过基本标签的学习和控制表格对齐方式、间距和外观的众多的可选属性和样式，还可以进行多个表格一起使用，一个表格可以嵌套到另一个表格中，从而实现更多样化的布局。