フレームの使い方

トップやさしいHTML教室トップメニュー>フレームの使い方 次へ(他のフレームへリンク)

フレームの機能を使ってウィンドウを左右に分けるにはフレームを設定するHTMLファイルと左のウィンドウに表示させるHTMLファイル、そして右のウィンドウに表示させるHTMLファイルの3つのファイルが必要となります。

フレームを設定するHTMLファイルの作り方ですが、これまではHTML文書全体を〜で囲んでその中にまず〜を記入し次に本文となる所を〜で囲みましたがフレームを設定するHTMLファイルはタグを使わずその代わりにタグを使います。

<frameset cols="○%,○%">
<frame src="左側に表示させたいページのURL">
<frame src="右側に表示させたいページのURL">

ページを縦に分割するにはこのタグを入力します。

<frameset rows="○%,○%">
<frame src="上に表示させたいページのURL">
<frame src="下に表示させたいページのURL">

ページを上下に分割するにはこのタグを入力します。

プレビュー HTMLソース
サンプル
戻る 進む ホーム
サンプル
戻る 進む ホーム
<html>
<head>
<title>サンプル</title>
</head>
<frameset cols="30%,70%">
<frame src="menu.html">
<frame src="main.html">
</frameset>
</html>
<html>
<head>
<title>サンプル</title>
</head>
<frameset rows="30%,70%">
<frame src="menu.html">
<frame src="main.html">
</frameset>
</html>

トップやさしいHTML教室トップメニュー>フレームの使い方 次へ(他のフレームへリンク)