フレームを表示する

■フレームで左右にわける

HTMLファイルを3つ用意します。

例:「frame.htm」 左右フレームを設定するHTMLファイル
  「frame1.htm」 フレームの左側を表示するファイル
  「frame2.htm」 フレームの右側を表示するファイル

「frame.htm」内に下記のタグを書きます。 COLS="200,*" の数値はフレームの幅を指定しています。

<HTML>
<HEAD><TITLE>フレーム表示例</TITLE></HEAD>
<FRAMESET COLS="200,*">
<FRAME SRC="frame1.htm" Name="left">
<FRAME SRC="frame2.htm" Name="right">
</FRAMESET>
</HTML>

どうなるか見てみよう!      左右フレーム表示例

■フレームを上下にわける

HTMLファイルを3つ用意します。

例:「frame4.htm」 上下フレームを設定するHTMLファイル
  「frame5.htm」 フレームの上側を表示するファイル
  「frame6.htm」 フレームの下側を表示するファイル

「frame4.htm」内に下記のタグを書きます。 ROWS="150,*" の数値はフレームの幅を指定しています。

<HTML>
<HEAD><TITLE>フレーム表示例</TITLE></HEAD>
<FRAMESET ROWS="150,*">
<FRAME SRC="frame5.htm" Name="up">
<FRAME SRC="frame6.htm" Name="down">
</FRAMESET>
</HTML>

どうなるか見てみよう!      →上下フレーム表示例

■フレーム未対応のブラウザの例

<HTML>
<HEAD><TITLE>フレーム表示例</TITLE></HEAD>
<FRAMESET COLS="200,*">
<FRAME SRC="frame1.htm" Name="left">
<FRAME SRC="frame2.htm" Name="right">
<NOFRAMES>
<BODY BGCOLOR="#ffffff">
<H2>このページはフレーム対応ブラウザでご覧下さい。< f/H2>
</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>