練習 25
25-1-1. 次の２分割画面をつくれ。
= マウスオーバーによる画像の拡大 / Opera 7.53 =
解答 25-1-1. 25-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 httpp-Equiv="Content-Type" Content="text/html; charset=Shift_JIS"> <TITLE>イタリア旅行</TITLE> </HEAD> <FRAMESET Rows="140, *"> <FRAME Src="25-01-top.html"> <FRAME Src="21-02.html"> </FRAMESET> </HTML> 25-01-top.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} IMG {width: 64px; height: 48px; border-width: 0px} IMG:hover {width: 120px; height: 90px} IMG.Tate {width: 48px; height: 64px; border-width: 0px} IMG.Tate:hover {width: 90px; height: 120px} TD {vertical-align: top} </STYLE> </HEAD> <BODY> <TABLE Summary="イタリアの写真"> <TR> <TD><A Href="italy-1.jpg" Target="_blank"><IMG Src="italy-1s.jpg" Alt="Italy-01"></A> <TD><A Href="italy-4.jpg" Target="_blank"><IMG Src="italy-4s.jpg" Alt="Italy-04" Class="Tate"></A> <TD><A Href="italy-5.jpg" Target="_blank"><IMG Src="italy-5s.jpg" Alt="Italy-05"></A> <TD><A Href="italy-6.jpg" Target="_blank"><IMG Src="italy-6s.jpg" Alt="Italy-06"></A> <TD><A Href="italy-7.jpg" Target="_blank"><IMG Src="italy-7s.jpg" Alt="Italy-07"></A> <TD><A Href="italy-8.jpg" Target="_blank"><IMG Src="italy-8s.jpg" Alt="Italy-08"></A> <TD><A Href="italy-9.jpg" Target="_blank"><IMG Src="italy-9s.jpg" Alt="Italy-09"></A> <TD><A Href="italy-10.jpg" Target="_blank"><IMG Src="italy-10s.jpg" Alt="Italy-10"></A> <TD><A Href="italy-12.jpg" Target="_blank"><IMG Src="italy-12s.jpg" Alt="Italy-12" Class="Tate"></A> <TD><A Href="italy-13.jpg" Target="_blank"><IMG Src="italy-13s.jpg" Alt="Italy-13"></A> <TD><A Href="italy-14.jpg" Target="_blank"><IMG Src="italy-14s.jpg" Alt="Italy-14"></A> <TD><A Href="italy-15.jpg" Target="_blank"><IMG Src="italy-15s.jpg" Alt="Italy-15"></A> <TD><A Href="italy-16.jpg" Target="_blank"><IMG Src="italy-16s.jpg" Alt="Italy-16"></A> <TD><A Href="italy-17.jpg" Target="_blank"><IMG Src="italy-17s.jpg" Alt="Italy-17"></A> </TABLE> </BODY> </HTML>
