TR和TD是表格TABLE的行与行中单元格,本文对这二个标签进行详细讲解一下

TR是表格TABLE的行标签,TR的属性表如下:

属     性 描     述
     ALIGN     行内容的水平对齐
     VALIGN     行内容的垂直对齐
     BGCOLOR     行的背景颜色
     BORDERCOLOR     行的边框颜色
     BORDERCOLORLIGHT     行的亮边框颜色
     BORDERCOLORDARK

    行的暗边框颜色

 

请看如下代码:


05  <HTML>
06  <HEAD>
07  <TITLE>设定行背景的颜色-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699>
12  <TR Bgcolor=#00FFFF>
13  <TD>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

TR就是定义表格的一个行,行中有很多个格子(就是我们说的单无格),是用TD标签定义的,其实上面例子中已经使用到。接下来我们详细讲一下TD标签。

<TD>标签的属性表如下:

属     性 描     述
    ALIGN       单元格内容的水平对齐
    VALIGN       单元格内容的垂直对齐
    BGCOLOR       单元格的背景颜色
    BACKGROUND       单元格的背景图象
    BORDERCOLOR       单元格的边框颜色
    BORDERCOLORLIGHT       单元格的亮边框颜色
    BORDERCOLORDARK       单元格的暗边框颜色
    WIDTH       单元格的宽度
    HEIGHT       单元格的高度

请看以下代码例子:

05  <HTML>
06  <HEAD>
07  <TITLE>设定单元格-www.web2bar.cn</TITLE>
08  </HEAD>
09  <BODY>
10  <H1>主流的网页设计软件</H1>
11  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699>
12  <TR>
13  <TD Bgcolor=#00FFFF>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

注意:TR下必需要有TD标签。因为TD才是放内容的具体单元格,而TR只是定义一个行。