轻松学习网页设计

表格结构化

<table>

<thead>...</thead>   表头区

<tbody>...</tbody>   表体区

...............

<tfoot>...</tfoot>   表尾区

</table>

表格的标题

<table>

   <caption>...</caption>

</table>

<caption>下的属性值有

属性名称   属性值    说明

align          top       标题在表格上方

                bottom  标题在表格下方

网页优化（经验）

优化代码 代码越少 网页打开速度越快

-----尽量减少标记的嵌套

表格的直列化格式

<colgroup>...</colgroup> 对td操作

属性名称     属性值            说明

align          left               靠左

                center           靠中

                right              靠右

valign         top               靠上

                 middle           靠中

                 bottom          靠下

span           数字              直列数 （是控制多少列而不是第几列）

bgcolor        颜色              背景颜色

个别设置 个别直列化

格式：<col>功能完全和<colgroup>一样

具体操作：复制两行一样的col 然后再第一行用span进行控制