ホーム＞レベルアップ情報一覧＞フレームで構成されたページを定義しよう！

フレームで構成されたページを作りましょう！〜分割〜（frameset要素、cols属性、rows属性）

使用タグ <frameset>〜</frameset>タグ

HTML一覧タグ辞典 … <frameset> タグ

<frameset>タグを使うと、フレームで構成されるぺージを作成することができます。内容に frame 属性を使いフレーム内に表示されるHTMLファイルを指定して表示することができます。また、<noframe>タグを使い、フレームに対応していないブラウザにのみ表示する内容を記述することができます。そして<frameset>タグを使い、フレームをさらに分割できます。

使用タグ <frameset cols>〜</frameset>

<frameset>タグの cols 属性を使うと、ページを左右に分割できます。例えば属性値に「25%,75%」と２つ指定すれば左右に２分割されます。

使用タグ <frameset rows>〜</frameset>

<frameset>タグの rows 属性を使うと、ページを上下に分割できます。例えば属性値に「25%,75%」と２つ指定すれば上下に２分割されます。

相対値とは？！

「*」を使い、相対値での指定の仕方を説明します。「1*,2*,3*」と指定すると、フレームの分割が「１対２対３」の割合で分割されます。（「1*」の場合は「*」と置き換える事ができます）そして、「250,*」と指定すると、「250ピクセルと残り」の割合で分割されます。

使用例

では、実際に左右に分割されたページを作成しましょう。

まずは、<frameset>のcols属性を使い、フレームのサイズを指定します。ここでは属性値を25%と75%に指定します。 まず<frameset col="25%,75%">と入力します	記述例 <frameset col="25%,75%">
次に、終了タグを入力します。 </frameset>と入力します	記述例 <frameset col="25%,75%"> </frameset>

このように入力すると左側のフレームは全体の25%で表示され右側のフレームは75%で表示されます。

使用例の表示

[frame要素のcols属性を指定した場合の表示例] 一人暮らしの前向きな料理 ２５％ ７５％

※使用例のように cols 属性の属性値を２５％と７５％に指定した場合の表示例ですが<frame>タグでHTMLファイルを読み込まないとフレームの表示はされません。<frame>タグに関しては次のページで説明しています。

関連情報ページ
その他
HTMLの基礎！	CSSの基礎！