練習 21
21-1-1. 15-03.html の各画像に次のようにコメントをつけたものをつくれ。
21-1-1. 20-06.html の各画像に次のようにコメントをつけたものをつくれ。
<![CDATA[
解答
21-1-1.
21-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}
H1 {font-size: 1.2em; letter-spacing: 0.4em; color: Navy}
IMG {width: 120px; height: 90px; border-width: 0px}
TR.Com {font-size: 0.7em}
</STYLE>
</HEAD>
<BODY>
<H1>イタリア旅行</H1>
<TABLE Summary="イタリアの写真" Border="2" Cellspacing="1" Cellpadding="6">
<TR>
<TD><A Href="italy-1.jpg"><IMG Src="italy-1s.jpg" Alt="Italy-01"></A>
<TD><A Href="italy-5.jpg"><IMG Src="italy-5s.jpg" Alt="Italy-05"></A>
<TD><A Href="italy-6.jpg"><IMG Src="italy-6s.jpg" Alt="Italy-06"></A>
<TD><A Href="italy-7.jpg"><IMG Src="italy-7s.jpg" Alt="Italy-07"></A>
<TR Class="Com">
<TD>フィレンツェの森<TD>教会の中<TD>壮大な天井<TD>イタリアの白バイ
<TR>
<TD><A Href="italy-8.jpg"> <IMG Src="italy-8s.jpg" Alt="Italy-08"></A>
<TD><A Href="italy-9.jpg"> <IMG Src="italy-9s.jpg" Alt="Italy-09"></A>
<TD><A Href="italy-10.jpg"><IMG Src="italy-10s.jpg" Alt="Italy-10"></A>
<TD><A Href="italy-13.jpg"><IMG Src="italy-13s.jpg" Alt="Italy-13"></A>
<TR Class="Com">
<TD>小型タクシー<TD>夕暮れヴェッキオ橋<TD>大道芸に感激<TD>オペラハウス
<TR>
<TD><A Href="italy-14.jpg"><IMG Src="italy-14s.jpg" Alt="Italy-14"></A>
<TD><A Href="italy-15.jpg"><IMG Src="italy-15s.jpg" Alt="Italy-15"></A>
<TD><A Href="italy-16.jpg"><IMG Src="italy-16s.jpg" Alt="Italy-16"></A>
<TD><A Href="italy-17.jpg"><IMG Src="italy-17s.jpg" Alt="Italy-17"></A>
<TR Class="Com">
<TD>小型軽トラック<TD>朝のヴェッキオ橋<TD>路上販売車<TD>市内の子供達
</TABLE>
</BODY>
</HTML>
21-2-1.
21-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; letter-spacing: 0.1em}
TABLE.Zentai {border: 2px solid Pink}
CAPTION {font: bold 1.2em/1.5em 'ＭＳ ゴシック', monospace; color: Navy}
CAPTION.Uchi {font: bold 0.9em/1.1em 'ＭＳ ゴシック', monospace; color: Black}
IMG,IMG.Tate {border-width: 0px}
IMG {width: 120px; height: 90px}
IMG.Tate {width: 90px; height: 120px}
TR.Com {font-size: 0.7em}
P {width: 21em; font-size: 0.85em; margin-bottom: 0.5em; text-align: left; text-indent: 0.95em}
DIV {font: 0.8em Times New Roman, serif; text-align: right; padding-right: 0.8em}
</STYLE>
</HEAD>
<BODY>
<TABLE Summary="ヴェッキオ橋とミラノ大聖堂の説明" Border="2" Cellpadding="6" Id="Zentai">
<CAPTION>イタリア旅行</CAPTION>
<TR>
<TD Valign="top">
<TABLE Summary="ヴェッキオ橋の説明">
<CAPTION Class="Uchi">ヴェッキオ橋</CAPTION>
<TR><TD>
<TABLE Summary="写真15,9" Cellpadding="2">
<TR><TD><A Href="italy-15.jpg"><IMG Src="italy-15s.jpg" Alt="Italy-15"></A></TD>
<TD><A Href="italy-9.jpg"><IMG Src="italy-9s.jpg" Alt="Italy-09"></A></TD></TR>
<TR Class="Com"><TD>朝のヴェッキオ橋</TD><TD>夕暮れヴェッキオ橋</TD></TR>
</TABLE>
</TD></TR>
<TR><TD>
<P>ヴェッキオ橋はフィレンツェにある有名な橋だ。橋の中を歩いているときはさほど
感じないが、外からこの橋を眺めていると、中世の時代へタイムスリップして、あ
たかも自分がこの町の住人であったかのように思えてくる。橋には当時の行きかう
人達の姿が見え、町のにぎわいまでもが見えてくる。</P>
<DIV>- 2003.8 -</DIV>
</TD></TR>
</TABLE></TD>
<TD>
<TABLE Summary="ミラノ大聖堂の説明">
<CAPTION Class="Uchi">ミラノ大聖堂</CAPTION>
<TR><TD>
<TABLE Summary="写真4,5" Cellpadding="2">
<TR><TD><A Href="italy-4.jpg"><IMG Src="italy-4s.jpg" Alt="Italy-04" Class="Tate"></A></TD>
<TD><A Href="italy-5.jpg"><IMG Src="italy-5s.jpg" Alt="Italy-05"></A></TD></TR>
<TR Class="Com"><TD>ミラノ大聖堂</TD><TD>大聖堂の中</TD></TR>
</TABLE>
</TD></TR>
<TR><TD>
<P>大聖堂は現地語(イタリア語)でドゥオモ(duomo)という。ミラノのドゥオモは建造物
の大きさとしては世界第３位だが、イタリアゴシック建築の代表作と言われている。
まず、135 本の尖塔を持つその独特なデザインに目を奪われるが、何よりも増して
驚くのが、1386 年着工、1887 年完成、という実に 500 年に渡るその建造期間だ。</P>
<DIV>- 2003.8 -</DIV>
</TD></TR>
</TABLE></TD></TR>
</TABLE>
</BODY>
</HTML>
]]>