練習 22
22-1-1. 16-02.html の「１人あたり国民総生産 (ドル) 」の部分を縦棒にしたグラフをつくれ。
22-2-1. 16-02.html の「面積(千km2) 」の部分を縦棒にしたグラフをつくれ。
22-3-1. ２つの表を１つにまとめた次の表をつくれ。
<![CDATA[
解答
22-1-1.
22-01.html
----------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML Lang="ja">
<HEAD>
<META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS">
<META Http-Equiv="Content-Style-Type" Content="text/css">
<TITLE>１人あたり国民総生産</TITLE>
<STYLE type="text/css">
BODY {text-align: center}
TD.Graph {border: 1px solid black; background-color: Beige; table-layout: fixed}
CAPTION.Zen {letter-spacing: 0.1em; font-size: 0.8em; font-weight: bold}
CAPTION.Hyo {text-align: right; font-size: 0.7em; padding-top: 0.3em}
TR.Bar {vertical-align: bottom; font-size: 0.7em}
TR.Kuni {font-size: 0.7em}
TD.T1 {border-bottom: 15.75em solid Red}
TD.T2 {border-bottom: 9.80em solid Green}
TD.T3 {border-bottom: 11.55em solid Blue}
TD.T4 {border-bottom: 10.35em solid Orange}
TD.T5 {border-bottom: 3.70em solid Olive}
TD.T6 {border-bottom: 18.20em solid Purple}
TD.T7 {border-bottom: 12.40em solid Fuchsia}
TD.T8 {border-bottom: 6.85em solid Lime}
TD.T9 {border-bottom: 13.25em solid Aqua}
TD.T10 {border-bottom: 11.75em solid Teal}
TD.T11 {border-bottom: 11.20em solid Silver}
COL {width: 2.2em}
P {font-size: 0.7em; text-indent: 0.9em;
margin-top: 1em; margin-bottom: 0.5em}
</STYLE>
</HEAD>
<BODY>
<TABLE Cellpadding="6">
<CAPTION Class="Zen">１人あたり国民総生産/1993</CAPTION>
<TR><TD Class="Graph">
<TABLE Summary="１人あたり国民総生産のグラフ" Cellspacing="6">
<CAPTION Class="Hyo">単位/千ドル</CAPTION>
<COL Span="11">
<TR Class="Bar">
<TD Class="T1">31.5<TD Class="T2">19.6<TD Class="T3">23.1<TD Class="T4">20.7
<TD Class="T5">7.4<TD Class="T6">36.4<TD Class="T7">24.8<TD Class="T8">13.7
<TD Class="T9">26.5<TD Class="T10">23.5<TD Class="T11">22.4
<TR Class="Kuni"><TD>日<TD>伊<TD>墺<TD>蘭<TD>希<TD>瑞<TD>典<TD>西<TD>丁<TD>独<TD>仏
</TABLE>
</TD></TR>
<TR><TD Align="left">
<P>日：日本、伊：イタリア、墺：オーストリア、蘭：オランダ、希：ギリシャ、瑞：スイス</P>
<P>典：スウェーデン、西：スペイン、丁：デンマーク、独：ドイツ、仏：フランス</P>
</TD></TR>
</TABLE>
</BODY>
</HTML>
22-2-1.
22-02.html
----------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML Lang="ja">
<HEAD>
<META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS">
<META Http-Equiv="Content-Style-Type" Content="text/css">
<TITLE>国の面積</TITLE>
<STYLE type="text/css">
BODY {text-align: center}
TD.Graph {border: 1px solid black; background-color: Beige; table-layout: fixed}
CAPTION.Zen {letter-spacing: 0.1em; font-size: 0.8em; font-weight: bold}
CAPTION.Hyo {text-align: right; font-size: 0.7em; padding-top: 0.3em}
TR.Bar {vertical-align: bottom; font-size: 0.7em}
TR.Kuni {font-size: 0.7em}
TD.U1 {border-bottom: 12.474em solid Red}
TD.U2 {border-bottom: 9.933em solid Green}
TD.U3 {border-bottom: 2.772em solid Blue}
TD.U4 {border-bottom: 1.353em solid Orange}
TD.U5 {border-bottom: 4.356em solid Olive}
TD.U6 {border-bottom: 1.353em solid Purple}
TD.U7 {border-bottom: 14.850em solid Fuchsia}
TD.U8 {border-bottom: 16.698em solid Lime}
TD.U9 {border-bottom: 1.419em solid Aqua}
TD.U10 {border-bottom: 11.781em solid Teal}
TD.U11 {border-bottom: 18.216em solid Silver}
COL {width: 2.2em}
P {font-size: 0.7em; text-indent: 0.9em;
margin-top: 1em; margin-bottom: 0.5em}
</STYLE>
</HEAD>
<BODY>
<TABLE Cellpadding="6">
<CAPTION Class="Zen">国の面積/1993</CAPTION>
<TR><TD Class="Graph">
<TABLE Summary="国の面積のグラフ" Cellspacing="6">
<CAPTION Class="Hyo">単位/万km2</CAPTION>
<COL Span="11">
<TR Class="Bar">
<TD Class="U1">37.8<TD Class="U2">30.1<TD Class="U3">8.4<TD Class="U4">4.1
<TD Class="U5">13.2<TD Class="U6">4.1<TD Class="U7">45.0<TD Class="U8">50.6
<TD Class="U9">4.3<TD Class="U10">35.7<TD Class="U11">55.2
<TR Class="Kuni"><TD>日<TD>伊<TD>墺<TD>蘭<TD>希<TD>瑞<TD>典<TD>西<TD>丁<TD>独<TD>仏
</TABLE>
</TD></TR>
<TR><TD Align="left">
<P>日：日本、伊：イタリア、墺：オーストリア、蘭：オランダ、希：ギリシャ、瑞：スイス</P>
<P>典：スウェーデン、西：スペイン、丁：デンマーク、独：ドイツ、仏：フランス</P>
</TD></TR>
</TABLE>
</BODY>
</HTML>
22-3-1.
22-03.html
----------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML Lang="ja">
<HEAD>
<META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS">
<META Http-Equiv="Content-Style-Type" Content="text/css">
<TITLE>日本と欧州の比較</TITLE>
<STYLE type="text/css">
BODY {text-align: center}
TD.Graph {border: 1px solid black; background-color: Beige; table-layout: fixed}
CAPTION.Zen {letter-spacing: 0.1em; font-size: 0.9em; font-weight: bold}
CAPTION.Hyo {text-align: right; font-size: 0.7em; padding-top: 0.3em}
TH {letter-spacing: 0.1em; font-size: 0.7em}
TR.Bar {vertical-align: bottom; font-size: 0.7em}
TR.Kuni {font-size: 0.7em}
TD.T1 {border-bottom: 15.75em solid Red}
TD.T2 {border-bottom: 9.80em solid Green}
TD.T3 {border-bottom: 11.55em solid Blue}
TD.T4 {border-bottom: 10.35em solid Orange}
TD.T5 {border-bottom: 3.70em solid Olive}
TD.T6 {border-bottom: 18.20em solid Purple}
TD.T7 {border-bottom: 12.40em solid Fuchsia}
TD.T8 {border-bottom: 6.85em solid Lime}
TD.T9 {border-bottom: 13.25em solid Aqua}
TD.T10 {border-bottom: 11.75em solid Teal}
TD.T11 {border-bottom: 11.20em solid Silver}
TD.U1 {border-bottom: 12.474em solid Red}
TD.U2 {border-bottom: 9.933em solid Green}
TD.U3 {border-bottom: 2.772em solid Blue}
TD.U4 {border-bottom: 1.353em solid Orange}
TD.U5 {border-bottom: 4.356em solid Olive}
TD.U6 {border-bottom: 1.353em solid Purple}
TD.U7 {border-bottom: 14.850em solid Fuchsia}
TD.U8 {border-bottom: 16.698em solid Lime}
TD.U9 {border-bottom: 1.419em solid Aqua}
TD.U10 {border-bottom: 11.781em solid Teal}
TD.U11 {border-bottom: 18.216em solid Silver}
COL {width: 1.8em}
P {font-size: 0.7em; text-indent: 0.9em;
margin-top: 1em; margin-bottom: 0.5em}
</STYLE>
</HEAD>
<BODY>
<TABLE Summary="日本と欧州の比較" Cellspacing="8">
<CAPTION Class="Zen">日本とヨーロッパとの比較/1993</CAPTION>
<TR><TH>１人あたり国民総生産</TH><TH>国の面積</TH></TR>
<TR><TD Class="Graph">
<TABLE Summary="１人あたり国民総生産のグラフ" Cellspacing="6">
<CAPTION Class="Hyo">単位/千ドル</CAPTION>
<COL Span="11">
<TR Class="Bar">
<TD Class="T1">31.5<TD Class="T2">19.6<TD Class="T3">23.1<TD Class="T4">20.7
<TD Class="T5">7.4<TD Class="T6">36.4<TD Class="T7">24.8<TD Class="T8">13.7
<TD Class="T9">26.5<TD Class="T10">23.5<TD Class="T11">22.4
<TR Class="Kuni"><TD>日<TD>伊<TD>墺<TD>蘭<TD>希<TD>瑞<TD>典<TD>西<TD>丁<TD>独<TD>仏
</TABLE>
</TD>
<TD Class="Graph">
<TABLE Summary="国の面積のグラフ" Cellspacing="6">
<CAPTION Class="Hyo">単位/万km2</CAPTION>
<COL Span="11">
<TR Class="Bar">
<TD Class="U1">37.8<TD Class="U2">30.1<TD Class="U3">8.4<TD Class="U4">4.1
<TD Class="U5">13.2<TD Class="U6">4.1<TD Class="U7">45.0<TD Class="U8">50.6
<TD Class="U9">4.3<TD Class="U10">35.7<TD Class="U11">55.2
<TR Class="Kuni"><TD>日<TD>伊<TD>墺<TD>蘭<TD>希<TD>瑞<TD>典<TD>西<TD>丁<TD>独<TD>仏
</TABLE>
</TD></TR>
<TR><TD Colspan="2" Align="left">
<P>日：日本、伊：イタリア、墺：オーストリア、蘭：オランダ、希：ギリシャ、瑞：スイス、
典：スウェーデン、西：スペイン、丁：デンマーク、</P>
<P>独：ドイツ、仏：フランス</P>
</TD></TR>
</TABLE>
</BODY>
</HTML>
]]>