HTML语言入门之三表格

三、 表格

  软件开发网 www.mscto.com

　　表格是HTML的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果，使页面更加整齐美观。

软件开发网 www.mscto.com

 

　　常用表格标记

 

　　<TABLE>...</TABLE> 表格指令。

 

相关属性 :

　　·ALIGN 调整

　　·BGCOLOR 背景颜色

　　·BORDER 边框

　　·HEIGHT 高度

　　·WIDTH 宽度

 

<CAPTION>...</CAPTION> 表格标题。 软件开发网 www.mscto.com

 

　　相关属性 :

　　·ALIGN 调整

 

　　<TR>...</TR> 表格列 ( </TR>可省略 ) 。

 

　　相关属性 :

　　·ALIGN 调整

软件开发网 www.mscto.com

 

　　<TH>...</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。

 

　　相关属性 :

　　·ALIGN 调整

　　·COLSPAN 栏宽

　　·ROWSPAN 栏高

 

　　<TD>...</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。

 

　　相关属性 :

　　·ALIGN 调整

　　·BGCOLOR 背景颜色

　　·HEIGHT 高度

　　·WIDTH 宽度

　　·COLSPAN 栏宽

　　·ROWSPAN 栏高

 

　　举例

 

　　如 : ( 基础型 )

　　<TABLE BORDER=1 ALIGN=CENTER>

　　<TR><TD>希赛网<TD>希赛网

　　<TR><TD>希赛网<TD>希赛网

　　</TABLE>

希赛网	希赛网
希赛网	希赛网

 

　　如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。 软件开发网 www.mscto.com

 

　　<TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF>

　　<CAPTION>表格标题</CAPTION>

　　<TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2

　　<TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A

　　<TR><TD>B <TD>B <TD>B <TD>B

　　<TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C

　　<TR><TD>D <TD>D <TD>D <TD>D

　　</TABLE>

表格标题
	行标题 1		行标题 2
列标题 1 软件开发网 www.mscto.com	A	A	A	A
	B	B	B	B
列标题 2	C	C	C 软件开发网 www.mscto.com	C 软件开发网 www.mscto.com
	D	D	D	D

 

　　看了以上的例子，应该了解表格的基本写法吧！

引文来源：http://cytq2008.blog.163.com/blog/static/45822906200943010184480/