mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-11-07 12:15:51 +00:00
143 lines
2.5 KiB
HTML
143 lines
2.5 KiB
HTML
<HTML>
|
|
<HEAD>
|
|
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
|
|
<META NAME="GENERATOR" CONTENT="Mozilla/4.09 [en] (WinNT; U) [Netscape]">
|
|
<TITLE>test4</TITLE>
|
|
<STYLE>
|
|
BODY { font-size: 12pt; }
|
|
</STYLE>
|
|
</HEAD>
|
|
<BODY>
|
|
|
|
<H1>
|
|
Example 4: Some simple tables.</H1>
|
|
|
|
<TABLE BORDER >
|
|
<TR>
|
|
<TH BACKGROUND="bg.jpg">Color </TH>
|
|
|
|
<TH BACKGROUND="bg.jpg">Meaning </TH>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD BGCOLOR="#90EE90">lightgreen</TD>
|
|
|
|
<TD>Light green is used on cells that have a colspan</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD BGCOLOR="#F0E68C">khaki</TD>
|
|
|
|
<TD>Khaki is used on cells that have a rowspan</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD BGCOLOR="#D3D3D3">lightgrey</TD>
|
|
|
|
<TD>Light grey is used on cells that have a rowspan <B>and</B> a colspan</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
<TABLE BORDER WIDTH="100%" >
|
|
<CAPTION>Table 1 has a caption at the top. It is defined to be 100%
|
|
of it's parent's width.</CAPTION>
|
|
|
|
<TR>
|
|
<TD COLSPAN="2" BGCOLOR="#90EE90">Cell</TD>
|
|
|
|
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD COLSPAN="2" BGCOLOR="#90EE90">Stuff to test out table cell layout.
|
|
This should be long enough.</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
|
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
<TABLE BORDER WIDTH="500" >
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD ROWSPAN="2" BGCOLOR="#F0E68C">Stuff to test out table cell layout.
|
|
This should be long enough.</TD>
|
|
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
|
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
|
|
<CAPTION ALIGN=BOTTOM>Table 2 has a bottom caption. It's width is
|
|
500 pixels.</CAPTION>
|
|
</TABLE>
|
|
|
|
<TABLE BORDER >
|
|
<CAPTION>Table 3 has auto-width (no width param specified.)</CAPTION>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD COLSPAN="2" ROWSPAN="2" BGCOLOR="#D3D3D3">Stuff to test out table cell
|
|
layout. This should be long enough.</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
|
|
|
<TD>more text</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
<TABLE BORDER COLS=3 >
|
|
<CAPTION>Table 4 is the same as Table 3, but with equal column widths. </CAPTION>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD COLSPAN="2" ROWSPAN="2" BGCOLOR="#D3D3D3">Stuff to test out table cell
|
|
layout. This should be long enough.</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
</TR>
|
|
|
|
<TR>
|
|
<TD>Cell</TD>
|
|
|
|
<TD>Stuff to test out table cell layout. This should be long enough.</TD>
|
|
|
|
<TD>more text</TD>
|
|
</TR>
|
|
</TABLE>
|
|
|
|
</BODY>
|
|
</HTML>
|