16. 表題 / 見出しセル / 行と列のグループ化

CHECK POINTS
<CAPTION><TH><TD><TR><THEAD><TFOOT><TBODY><COL><COLGROUP>white-space
■行と列のグループ化

★ 実行例 [16-2]:「COL, THEAD, TFOOT, TBODY」



※参考「食品成分データベース」(http://food.tokyo.jst.go.jp/) 16-2.html
<HTML> <HEAD> <TITLE>HTML 4.01 WORKBOOK</TITLE> <STYLE type="text/css"> BODY {text-align: center} TABLE {font-size: 0.8em} CAPTION {font-weight: bolder; font-size: 1.25em; letter-spacing: 0.25em} THEAD {background-color: SpringGreen} TFOOT {font-weight: bold; background-color: LightPink; text-align: right} TBODY {font-weight: bold; background-color: CornSilk; text-align: right} COL {color: Blue; text-align: left} </STYLE> </HEAD> <BODY> <TABLE Summary="果実のエネルギー,ビタミン等の成分分析表" Border="1" Cellspacing="1" Cellpadding="7"> <CAPTION>果実の成分表/100g</CAPTION> <COL> <THEAD> <TR><TH>果 実<TH>廃棄率<BR>(%)<TH>エネルギー<BR>(kcal) <TH>水 分<BR>(g)<TH>炭水化物<BR>(g)<TH>ビタミンB1<BR>(mg) <TH>ビタミンB2<BR>(mg)<TH>ビタミンC<BR>(mg) <TFOOT> <TR><TD>合 計<TD>-<TD>291<TD>617.0<TD>75.0<TD>0.34<TD>0.20<TD>2027 <TBODY> <TR><TD>リンゴ<TD>15<TD>54<TD>84.9<TD>14.6<TD>0.02<TD>0.01<TD>4 <TR><TD>スイカ<TD>40<TD>37<TD>89.6<TD>9.5<TD>0.03<TD>0.02<TD>10 <TR><TD>メロン<TD>50<TD>42<TD>87.8<TD>10.3<TD>0.06<TD>0.02<TD>18 <TR><TD>ミカン<TD>20<TD>45<TD>87.2<TD>11.9<TD>0.07<TD>0.04<TD>35 <TR><TD>オレンジ<TD>40<TD>39<TD>88.7<TD>9.8<TD>0.10<TD>0.03<TD>40 <TR><TD>グアバ<TD>30<TD>38<TD>88.9<TD>9.9<TD>0.03<TD>0.04<TD>220 <TR><TD>アセロラ<TD>25<TD>36<TD>89.9<TD>9.0<TD>0.03<TD>0.04<TD>1700 </TABLE> </BODY> </HTML>