表格

表格标签:

作用：展示数据

页面布局

<table></table>表格

table的属性：width 宽度可以用百分比或像素表示

border 边框定义边框的粗细

bgcolor 背景色

bordercolor 边框颜色

background 背景图片

cellpadding 单元格间距内容跟单元格边框的间距

cellspacing 单元格边距单元格与单元格之间的距离

<tr></tr> 行

<td></td> 单元格

td的属性：width 单元格宽度

height 单元格高度

bgcolor 单元格背景色

align 单元格内容的水平对齐方式 aligh="left" 左对齐 aligh="right" 右对齐 aligh="center" 居中对齐

valign 单元格内容的垂直对齐方式 valign="top" 居上对齐 valign="middle" 居中对齐 valign="bottom" 居下对齐

colspan="n" 合并列在行里面合并列（ n 合并单元格个数）

rowspan="n" 合并行在列里面合并行（ n 合并单元格个数）

<th></th> 表头单元格的内容自动居中加粗替换<td></td> 后加<tbody></tbody>

例<tr>

<th>内容1</th>

<th>内容2</th>

<th>内容3</th>

</tr>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="80"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="750" height="80">&nbsp;</td>
        <td>首页</td>
        <td>产品介绍</td>
        <td>公司概括</td>
        <td>了解我们</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="300">&nbsp;</td>
  </tr>
  <tr>
    <td height="200"><table width="100%" border="1" cellspacing="0" cellpadding="0">
      <tr>
        <td height="300">&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="70" bgcolor="#0099FF">&nbsp;</td>
  </tr>
</table>
</body>
</html>