表格布局

表格布局：table布局；

一个表格如下所示：

 

结果如下：

 

上述实例由table布局实现，table标签使用如下：

<table>定义一个HTML表格，一个简单的HTML表格由<table> 元素以及<tbody> 和一个或多个 <tr>、<td>、<th>元素组成。、

<tr>：定义表格的行，一般不定义行的高度

<td>：定义表格的列、一般不定义列的高度

<th>：定义表头

<tbody>：定义表格主体。

属性：

align：left、center、right  （表格相对周围元素的对齐方式）

bgcolor：rgb（x,x,x）、#xxxxxx 、colorname　（表格背景颜色，这里注意的是格式：#xxxxxx  必须是6位）

background：背景图片

border：边框宽度

cellpadding：单元格边沿与其内容之间的空白

cellspacing：单元格之间的空白

width：%、pixels (表格的宽度)

注意点：

1.表格布局常用于邮件，邮件只能使用内联样式。

2.邮件布局中<table>标签属性必须写：width="640" border="0" cellpadding="0" cellspacing="0"

3.table中可使用标签：<span>

4.如table标签中同时使用属性：bgcolor和background时，后者会覆盖前置，最好写在内嵌样式中，为什么要两个是因为邮件布局使用部分会浏览器不显示图片可显示背景颜色。

5.由于行和列使用高度不好布局，通常使用行高实现:line-height