練習 29
29-1-1. インラインフレームによって拡大画像を表示させる次のページをつくれ。29-01.html で保存。
<![CDATA[
解答
29-1-1.
29-01.html
------------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
"http://www.w3.org/TR/html4/frameset.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; background-color: Aqua}
CAPTION {font-size: 0.9em; color: Navy; letter-spacing: 0.2em; font-weight: bold}
TD {vertical-align: top}
IMG {width: 64px; height: 48px; border-width: 0px}
IFRAME {border: 1px solid Navy}
P {font-size: 0.8em; letter-spacing: 0.5em}
A:link, A:visited {text-decoration: none; color: Navy}
</STYLE>
</HEAD>
<BODY>
<TABLE Summary="イタリアの写真">
<TR>
<TD><A Href="italy-1.jpg" Target="fr2"><IMG Src="italy-1s.jpg" Alt="Italy-01"></A>
<TD><A Href="italy-5.jpg" Target="fr2"><IMG Src="italy-5s.jpg" Alt="Italy-05"></A>
<TD><A Href="italy-6.jpg" Target="fr2"><IMG Src="italy-6s.jpg" Alt="Italy-06"></A>
<TD><A Href="italy-7.jpg" Target="fr2"><IMG Src="italy-7s.jpg" Alt="Italy-07"></A>
<TD><A Href="italy-8.jpg" Target="fr2"><IMG Src="italy-8s.jpg" Alt="Italy-08"></A>
<TD><A Href="italy-9.jpg" Target="fr2"><IMG Src="italy-9s.jpg" Alt="Italy-09"></A>
<TD><A Href="italy-10.jpg" Target="fr2"><IMG Src="italy-10s.jpg" Alt="Italy-10"></A>
<TD><A Href="italy-13.jpg" Target="fr2"><IMG Src="italy-13s.jpg" Alt="Italy-13"></A>
<TD><A Href="italy-14.jpg" Target="fr2"><IMG Src="italy-14s.jpg" Alt="Italy-14"></A>
<TD><A Href="italy-15.jpg" Target="fr2"><IMG Src="italy-15s.jpg" Alt="Italy-15"></A>
<TD><A Href="italy-16.jpg" Target="fr2"><IMG Src="italy-16s.jpg" Alt="Italy-16"></A>
<TD><A Href="italy-17.jpg" Target="fr2"><IMG Src="italy-17s.jpg" Alt="Italy-17"></A>
</TABLE>
<IFRAME Src="29-01-start.html" Name="fr2" Width="820" Height="630" Frameborder="0">
このページを見るには IFRAME 対応ブラウザが必要です。</IFRAME>
<P><A Href="29-01-start.html" Target="fr2" Title="表紙に戻る">-表紙-</A></P>
</BODY>
</HTML>
29-01-start.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">
<STYLE type="text/css">
BODY {text-align: center; background-color: #7ffffe}
H1 {font-size: 1em; line-height: 1.8em; color: Navy;
background-color: Fuchsia; width: 46%; letter-spacing: 0.2em}
</STYLE>
</HEAD>
<BODY>
<H1>イタリアの写真(ミラノ・フィレンツェ)</H1>
</BODY>
</HTML>
]]>
