第三章 HTML语言概述

 

第七节 表格

 

 

1．网页表格标记

（1）表格标记<TABLE>

（2）定义表格行标记<TR>

（3）定义表格列标记<TD>

（4）定义表头标记<TH>

（5）表格标题标记<CAPTION>

 

 

 

 

2．简单表格示例

<TABLE BORDER WIDTH=40%>

<CAPTION>简单表格</CAPTION>

<TR>

<TH>表头1</TH>

<TH>表头2</TH>

</TR>

<TR>

<TD>内容1</TD>

<TD>内容2</TD>

</TR>

<TR>

<TD>内容3</TD>

<TD>内容4</TD>

</TR>

</TABLE>

 

 

 

 

3．复杂表格的描述

 

（1）跨列表格示例

<TABLE BORDER WIDTH=40%>

<CAPTION>跨列表格</CAPTION>

<TR>

<TH COLSPAN=2>表头1</TH>

<TH>表头2</TH>

</TR>

<TR>

<TD>内容1</TD>

<TD>内容2</TD>

<TD>内容3</TD>

</TR>

 

 

 

（2）跨行表格示例

</TABLE>

<TABLE BORDER WIDTH=40%>

<CAPTION>跨行表格</CAPTION>

<TR>

<TH ROWSPAN=3>表头1</TH>

<TD>内容1</TD>

</TR>

<TR>

<TD>内容2</TD>

</TR>

<TR>

<TD>内容3</TD>

<TR>

 

 

 

（3）复杂表格示例

</TABLE>

<TABLE BORDER WIDTH=40%>

<CAPTION>复杂表格</CAPTION>

<TR>

<TH ROWSPAN=3>表头1</TH>

<TH COLSPAN=2>表头2</TH>

</TR>

<TR>

<TD>内容1</TD>

<TD>内容2</TD>

</TR>

<TR>

<TD>内容3</TD>

<TD>内容4</TD>

<TR>

</TABLE>