?? html7.htm
字號(hào):
<HTML><HEAD><META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb_2312-80"><META NAME="Generator" CONTENT="Microsoft Word 97"><TITLE>HTML語(yǔ)言教程之七:表格進(jìn)階(TABLE ADVANCED)</TITLE><META NAME="Template" CONTENT="C:\PROGRAM FILES\MICROSOFT OFFICE\OFFICE\html.dot"><link rel="stylesheet" href="../../cpcw.css"></HEAD><BODY LINK="#0000ff" VLINK="#800080" background="../bg.gif"><table width="85%" border="0" align="center"> <tr bgcolor="#FFFFFF"> <td> <p align="CENTER"><font size="6" lang="ZH-CN"><font color="#FF3333" class="title"><b>HTML語(yǔ)言教程之七:表格進(jìn)階(TABLE ADVANCED)</b></font></font></p> <p align="JUSTIFY"></p> <hr> <H1 ALIGN=left><!--################## Table Color ########################--><A NAME="color"></A></H1> <H2> 表格的色彩</H2><P><!------Background Color & Image-------></P><H3>表元的背景色彩和背景圖象<BR><th bgcolor=#> <BR> <th background="URL"> </H3><DL><DD>#=rrggbb 16 進(jìn)制 RGB 數(shù)碼, 或者是下列預(yù)定義色彩名稱(chēng):<BR><FONT COLOR="#000000">Black</FONT>, <FONT COLOR="#808000">Olive</FONT>,<FONT COLOR="#008080">Teal</FONT>, <FONT COLOR="#FF0000">Red</FONT>, <FONT COLOR="#0000FF">Blue</FONT>,<FONT COLOR="#800000">Maroon</FONT>, <FONT COLOR="#000080">Navy</FONT>,<FONT COLOR="#808080">Gray</FONT>, <FONT COLOR="#00FF00">Lime</FONT>, <BR><FONT COLOR="#FF00FF">Fuchsia</FONT>, <FONT COLOR="#FFFFFF">White</FONT>,<FONT COLOR="#008000">Green</FONT>, <FONT COLOR="#800080">Purple</FONT>,<FONT COLOR="#C0C0C0">Silver</FONT>, <FONT COLOR="#FFFF00">Yellow</FONT>,<FONT COLOR="#00FFFF">Aqua</FONT> </DD></DL><PRE><table border><tr><th bgcolor=ffaa00>Food</th> <th bgcolor=Red>Drink</th> <th rowspan=2 background="image.gif">Sweet</th><tr bgcolor=white><td>A</td><td>B</td></table></PRE><TABLE border><TR><TH bgcolor=ffaa00>Food</TH><TH bgcolor=Red>Drink</TH><TH rowspan=2 background="image.gif">Sweet </TH></TR><TR bgcolor=white><TD>A</TD><TD>B</TD></TR></TABLE><PRE></PRE><P><!------Border Color-------></P> <H3>表格邊框的色彩 <BR><table bordercolor=#></H3><PRE><table cellspacing=5 border=5 bodercolor=#ffaa00><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></PRE><TABLE BORDER=5 CELLSPACING=5 bordercolor="#ffaa00" ><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR></TABLE><P><!------Light & Dark Border Color-------></P> <H3>表格邊框色彩的亮度控制 <BR><table bordercolorlight=#><BR><table bordercolordark=#> </H3><PRE><table cellspacing=5 border=5 bordercolorlight=White bordercolordark=Maroon><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td> </table></PRE><TABLE BORDER=5 CELLSPACING=5 bordercolorlight="White" bordercolordark="Maroon" ><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR></TABLE><PRE></PRE><P><!--################## Structured Table ########################--><A NAME="group"></A></P> <H2><IMG SRC="br20t.gif" ALT="+" HEIGHT=20 WIDTH=20> 表格的分組顯示(Structured Table) </H2><P><!------Groups of Rows-------></P><H3>按行分組 <BR><thead> ... </thead> - 表的題頭(Header) <BR><tbody> ... </tbody> - 表的正文(Body) <BR><tfoot> ... </tfoot> - 表的腳注(Footer) </H3><PRE><table border><thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th></thead><tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td></tbody></table></PRE><TABLE border><CAPTION><P> </P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH> <TD> </TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD> <TD> </TD></TR></TABLE><P><!------Groups of Columns-------></P><H3>按列分組 <BR><colgroup align=#> #=left, right, center </H3><PRE><table border width=160><colgroup align=left><colgroup align=center><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody></table></PRE><TABLE border WIDTH="160" ><CAPTION><P><colgroup align=left><colgroup align=center><colgroup align=right> </P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH> <TD> </TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD> <TD> </TD></TR></TABLE><P><!------Groups of Columns-------></P><H3>列的屬性控制 <BR><col span=#> #=從左數(shù)起,具有指定屬性的列的列數(shù)<BR><col align=#> #=left, right, center </H3><PRE><table border width=160><colgroup> <col align=center span=2><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody></table></PRE><TABLE border WIDTH="160" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right> </P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH> <TD> </TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD> <TD> </TD></TR></TABLE><P><!--################## Frame ########################--><A NAME="frame"></A></P> <H2> 表格中邊框的顯示 </H2><P><!------all-------></P><H3>顯示所有 4 個(gè)邊框 <table frame=box></H3><PRE><table border frame=box><thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th></thead><tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td></tbody></table></PRE><TABLE border frame="box" ><CAPTION><P> </P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH> <TD> </TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD> <TD> </TD></TR></TABLE><P><!------above-------></P><H3>只顯示上邊框 <table frame=above></H3><TABLE border frame="above" ><CAPTION><P> </P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH> <TD> </TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD> <TD> </TD></TR></TABLE><P><!------below-------></P><H3>只顯示下邊框 <table frame=below></H3><TABLE border frame="below" ><CAPTION><P> </P></CAPTION><TR> <TH width="36">Food</TH> <TH width="45">Drink</TH> <TH width="46">Sweet</TH> <TD width="8"> </TD></TR><TR> <TD width="36">A</TD> <TD width="45">B</TD> <TD width="46">C</TD></TR><TR> <TD width="36">D</TD> <TD width="45">E</TD> <TD width="46">F</TD> <TD width="8"> </TD></TR></TABLE><P><!------hsides-------></P><H3>只顯示上、下邊框 <table frame=hsides></H3><TABLE border frame="hsides" ><CAPTION><P></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR></TABLE><P><!------vsides-------></P><H3>只顯示左、右邊框 <table frame=vsides></H3><TABLE border frame="vsides" ><CAPTION><P></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR></TABLE><P><!------lhs-------></P><H3>只顯示左邊框 <table frame=lhs></H3><TABLE border frame="lhs" ><CAPTION><P></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR></TABLE><P><!------rhs-------></P><H3>只顯示右邊框 <table frame=rhs></H3><TABLE border frame="rhs" ><CAPTION><P></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR></TABLE><P><!------void-------></P><H3>不顯示任何邊框 <table frame=void></H3><TABLE border frame="void" ><CAPTION><P></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR></TABLE><P><!--################## Rule ########################--><A NAME="rule"></A></P> <H2> 表格中分隔線(Rules)的顯示 </H2><P><!------all-------></P><H3>顯示所有分隔線 <table rules=all> </H3><PRE><table border rules=all><colgroup><col align=center span=2><colgroup align=right> <thead> <tr><th>Food</th><th>Drink</th><th>Sweet</th> </thead> <tbody> <tr><td>A</td><td>B</td><td>C</td> <tr><td>D</td><td>E</td><td>F</td> </tbody> <tbody> <tr><td rowspan=3 align=right>Total $-00.0</td> </tbody></table></PRE><TABLE border rules="all" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR><TR><TD colspan=3 align=right>Total $-00.0</TD><TD></TD></TR></TABLE><P><!------groups-------></P><H3>只顯示組(Groups)與組之間的分隔線 <table rules=groups> </H3><TABLE border rules="groups" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR><TR><TD colspan=3 align=right>Total $-00.0</TD><TD></TD></TR></TABLE><P><!------rows-------></P><H3>只顯示行與行之間的分隔線 <table rules=rows> </H3><TABLE border rules="rows" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR><TR><TD colspan=3 align=right>Total $-00.0</TD><TD></TD></TR></TABLE><P><!------cols-------></P><H3>只顯示列與列之間的分隔線 <table rules=cols> </H3><TABLE border rules="cols" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR><TR><TD colspan=3 align=right>Total $-00.0</TD><TD></TD></TR></TABLE><P><!------none-------></P><H3>不顯示任何分隔線 <table rules=none> </H3><TABLE border rules="none" ><CAPTION><P><colgroup><col align=center span=2><colgroup align=right></P></CAPTION><TR><TH>Food</TH><TH>Drink</TH><TH>Sweet</TH><TD></TD></TR><TR><TD>A</TD><TD>B</TD><TD>C</TD></TR><TR><TD>D</TD><TD>E</TD><TD>F</TD><TD></TD></TR><TR><TD colspan=3 align=right>Total $-00.0</TD><TD></TD></TR></TABLE> <p> </p> <p align="center"><a href="../homepage.htm"><font face="宋體" lang="ZH-CN">返回主頁(yè)</font></a> <a href="html6.htm">上一節(jié)</a> <a href="html8.htm">下一節(jié)</a><font face="宋體" lang="ZH-CN"> </font></p> <font face="宋體" lang="ZH-CN"><p align="CENTER"><a href="http://www.cpcw.com">電腦報(bào)首頁(yè)</a> <a href="../index.htm">網(wǎng)絡(luò)學(xué)院首頁(yè)</a></p> </font></td> </tr></table></BODY></HTML>
?? 快捷鍵說(shuō)明
復(fù)制代碼
Ctrl + C
搜索代碼
Ctrl + F
全屏模式
F11
切換主題
Ctrl + Shift + D
顯示快捷鍵
?
增大字號(hào)
Ctrl + =
減小字號(hào)
Ctrl + -