練習 28

28-1-1. 次の3分割画面をつくれ。メインは 28-01.html で保存。
札幌観光協会 http://www.sta.or.jp/
 
小樽マニア http://www.otaru.gr.jp/
 
函館インフォメーションネットワーク
http://www.hakodate.or.jp/home/
ふらの観光協会 http://www.furano.ne.jp/kankou/
 

解答 28-1-1. 28-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> </HEAD> <FRAMESET Rows="38, *" > <FRAME Src="28-01-top.html" Name="fr1" Frameborder="0"> <FRAMESET COLS="115, *"> <FRAME Src="27-01-left.html" Name="fr2" Frameborder="0"> <FRAME Src="27-01-right.html" Name="fr3" Frameborder="0"> </FRAMESET> </FRAMESET> <NOFRAMES> <UL> <LI>フレームの内容 <LI><A Href="28-01-top.html">リンクの種類</A> <LI><A Href="27-01-left.html">新聞社リンク項目</A> <LI><A Href="27-01-right.html">表示用ページ</A> </UL> </NOFRAMES> </HTML> 28-02.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> </HEAD> <FRAMESET Rows="38, *" > <FRAME Src="28-01-top.html" Name="fr1" Frameborder="0"> <FRAMESET COLS="115, *"> <FRAME Src="28-02-left.html" Name="fr2" Frameborder="0"> <FRAME Src="28-02-right.html" Name="fr3" Frameborder="0"> </FRAMESET> </FRAMESET> <NOFRAMES> <UL> <LI>フレームの内容 <LI><A Href="28-01-top.html">リンクの種類</A> <LI><A Href="27-01-left.html">観光地(日本)リンク項目</A> <LI><A Href="27-01-right.html">表示用ページ</A> </UL> </NOFRAMES> </HTML> 28-02-left.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; margin: 16px 0px} TD,TH {text-align: left; font-size: 13px; padding: 2px 0px} TH {color: #ff4040} A:link, A:visited {text-decoration: none; color: Blue} A:hover {text-decoration: underline; color: Red} </STYLE> </HEAD> <BODY> <TABLE Summary="観光地(日本)へのリンク"> <TR><TD><A Href="28-02-right.html" Target="fr3">表 紙</A> <TR><TH>北海道 <TR><TD><A Href="http://www.sta.or.jp/" Title="札幌観光協会" Target="fr3">札幌1</A> <TR><TD><A Href="http://www.welcome.city.sapporo.jp/" Title="ようこそさっぽろ運営委員会" Target="fr3">札幌2</A> <TR><TD><A Href="http://www.1000sai-chitose.or.jp/" Title="千歳観光連盟" Target="fr3">千歳</A> <TR><TD><A Href="http://www.otaru.gr.jp/" Title="小樽マニア" Target="fr3">小樽1</A> <TR><TD><A Href="http://www.o-s-n.co.jp/" Title="小樽観光ネットワーク" Target="fr3">小樽2</A> <TR><TD><A Href="http://www.hakodate.or.jp/home/" Title="函館インフォメーションネットワーク" Target="fr3">函館1</A> <TR><TD><A Href="http://www.hakodate-kankou.com/" Title="函館国際観光コンベンション協会" Target="fr3">函館2</A> <TR><TD><A Href="http://www.furano.ne.jp/kankou/" Title="ふらの観光協会" Target="fr3">富良野</A> <TR><TD><A Href="http://www.eolas.co.jp/hokkaido/sikibiei/" Title="美瑛町観光協会" Target="fr3">美瑛</A> <TR><TD><A Href="http://www.asta.or.jp/" Title="旭川観光協会" Target="fr3">旭川</A> <TR><TD><A Href="http://www.kushiro-kankou.or.jp/" Title="釧路観光協会" Target="fr3">釧路</A> <TR><TD><A Href="http://www.iburi.net/" Title="室蘭観光協会" Target="fr3">室蘭</A> <TR><TD><A Href="http://www.o-s-n.co.jp/" Title="洞爺湖温泉観光協会" Target="fr3">洞爺湖</A> <TR><TD><A Href="http://www.noboribetsu.or.jp/" Title="登別温泉観光協会" Target="fr3">登別</A> <TR><TD><A Href="http://www.ishikari-kankou.net/" Title="石狩観光協会" Target="fr3">石狩</A> <TR><TH>東北 </TABLE> </BODY> </HTML> 28-02-right.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: 1.2em; background-color: Fuchsia; width: 92%; letter-spacing: 1em} </STYLE> </HEAD> <BODY> <H1>観光地(日本)へのリンク</H1> </BODY> </HTML>