HTML4 表格

HTML有两个无意义标签：

<div></div>块状，换行

<span></span>一行，不换行

表格：

 HTML Code 

1
2
3
4
5
6

<table align="center" background="1.png" width="10" height="10" cellspancing="5" cellpadding="5" rules="none" frame="void">
<tr>    
<td></td>  
<td></td>
</tr>
</table>

table属性：

①aligb="left"对周围元素左对齐

           ="right"对周围元素右对齐

           ="centrt"对周围元素居中对齐 

②border="2"表格边框的粗细单位像素，不写不带边框

③bgcolor="#F0F"背景颜色

④background="1.png"背景图片

⑤width="10"表格宽度单位像素

            ="10%"表格宽度单位窗口百分比

⑥height="10"表格高度单位像素

⑦cellspancing="2"单元格与单元格距离单位像素，默认2

⑧cellpadding="2"单元格与内容之间距离单位像素，默认2

⑨rules="none"内侧边框线没有

           ="all"内侧边框线全显示

           ="cols"只显示列与列之间边框线

           ="rows"只显示行与行之间边框线

           ="groups"行组和列组之间的边框线

⑩frame="void"所有外边框线隐藏

            ="above"只显示表格上边框

            ="below"只显示表格下边框

            ="hsides"只显示表格上下边框

            ="box"显示所有表格外边框

            ="lhs"只显示表格左边框

            ="rhs"只显示表格右边框

            ="vsides"只显示表格左右边框

表格的表名：

 HTML Code 

1

<caption> 哈哈哈</caption>

表名属性：

aligb="top"对周围元素左对齐

        ="bottom"对周围元素右对齐

单元格：

 HTML Code 

1
2
3
4
5

<tr>
<th></th>
<td></td>
<td></td>
</tr>

<th>列，单元格，黑体字显示，常用于第一行第一列。

<td>列，单元格

tr属性：

①align="center"该行所有单元格水平居中

           ="left"该行所右单元格左对齐

           ="right"该行所有单元格右对齐

②valign="top"该行所有单元格上上对齐

             ="middle"该行所有单元格垂直居中

             ="bottom"改行所有单元格下对齐

③height="20"行高度

④widrh="20"行宽度

td属性：

① align="center"该行所有单元格水平居中

            ="left"该行所右单元格左对齐

            ="right"该行所有单元格右对齐

②valign="top"该行所有单元格上上对齐

             ="middle"该行所有单元格垂直居中

             ="bottom"改行所有单元格下对齐

③bgcolor="#f0f"背景颜色

④background="1.png"背景图片

⑤rowspqn="2"一列跨多行

⑥colspan="2"一行跨多列

单元格设置的背景颜色和背景图片会覆盖表格的背景颜色和背景图片