<frameset ☆>〜</frameset>
☆：cols=a,b ; rows=c,d
cols=a,b：左のピクセル数か% , 右のピクセル数か%
rows=c,d：上のピクセル数か% , 下のピクセル数か%
このタグは「head」タグの後の「body」タグを「frameset」に置き換えて使います。
「cols」「rows」を使ってフレームを分けることが出来ます。
縦に分ける場合は「cols=」横に分ける場合は「rows=」を使います。
「cols=200,*」と指定した場合、フレームの左側は200ピクセルで右側は指定なしになります。
|
（例）
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols=200,*>
<frame src=left.html>
<frame src=right.html>
</frameset>
</html>
|
 
縦に分割 横に分割
|
|
<frame src=ファイル名>
「src」に表示させたいファイル名を記入します。
右の例の場合、左側のウィンドウには「left.html」が表示され、右側には「right.html」が表示されます。
|
（例）
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols=200,*>
<frame src=left.html>
<frame src=right.html>
</frameset>
</html>
|
 | 表示内容の指定−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
|
|
<frame src=ファイル名 name=名前>
各フレームに名前をつけることで「target」で指定したフレームに任意のファイルを表示させることが出来ます。
右の例のような場合
左の「menu」から右の「main」に表示したいファイルがあった時、<a href=mainに表示させたいファイル target=main>リンク</a>のように「target」でフレーム名を指定して使います。
サンプル
|
（例）
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols=200,*>
<frame src=left.html name=menu>
<frame src=right.html name=main>
</frameset>
</html>
|
|
<frameset border=ピクセル数>
フレームとフレームの間の境界線の幅を指定します。
「0」にすると境界線は表示されなくなります。
|
| 幅指定−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
left.html | right.html
border=10
|
|
|
（例）
<frameset border=0 cols=200,*>
<frame src=left.html>
<frame src=right.html>
</frameset>
|
|
| 幅指定−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
left.html | right.html
border=0
|
|
|
<frameset bordercolor=カラー名か#RGB値>
フレームとフレームの間の境界線に色をつけます。
redやblueなどの色の名前を指定するか#FF0000のようにRGB値を指定することで色が変えられます。
|
（例）
<frameset border=5 bordercolor=#FF0000 cols=200,*>
<frame src=left.html>
<frame src=right.html>
</frameset>
|
|
| 色をつける−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
left.html | right.html
境界線を赤くします。
|
|
|
<frame scrolling=☆>
☆：yes,no,auto
yes：スクロールバーを表示させる。
no：スクロールバーを表示させない。
auto：スクロールバーを自動で表示。
|
（例）
<frameset border=2 cols=200,*>
<frame src=left.html scrolling=yes>
<frame src=right.html scrolling=no>
</frameset>
|
|
| スクロールの有無−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
|
|
<frame noresize>
このタグをつけるとフレームのサイズが変更できなくなります。
サンプル
|
（例）
<frameset border=2 cols=200,*>
<frame src=hidari.html noresize>
<frame src=migi.html>
</frameset>
|
|
<noframes>〜</noframes>
フレームに対応しない環境にあった場合、フレームの状態が表示されない代わりに<noframes>〜</noframes>内が表示されます。
|
| フレーム未対応−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
フレーム未対応のブラウザの場合表示されます。
|
|
（例）
<html>
<head>
<title>フレーム未対応</title>
</head>
<frameset cols=200,*>
<frame src=left.html>
<frame src=right.html>
</frameset>
<noframes>
フレーム未対応のブラウザの場合表示されます。
</noframes>
</html>
|
|
<iframe src=ファイル名>〜</iframe>
ページ内にフレームを作り、そのなかに別のHTMLファイルを表示することができます。
|
| インラインフレーム−Microsoft Internet Explorer
|
|
ファイル（F） 編集（E）...
|
|
|
（例）
<html>
<head>
<title>インラインフレーム</title>
</head>
<body>
<iframe src=ifsample.html width=210 height=80>
</iframe>
</body>
</html>
|
|
<iframe src= name= width= height= marginwidth= marginheight= frameborder= scrolling= align= >〜</iframe>
src=ファイル名 name=フレーム名
width=幅 height=高さ
marginwidth=枠と文字の余白（左右）
marginheight=枠と文字の余白（上下）
frameborder=枠の有無
scrolling=スクロールバーの有無
align=フレームの位置
「width」「height」「marginwidth」「marginheight」はピクセル数、
「frameborder」は1か0、
「scrolling」はyes,no,auto、「align」はleft,center,rightでそれぞれ指定します。
|
（例）
<iframe src=ifsample.html width=275 height=50 frameborder=0 scrolling=yes>
</iframe>
|
<iframe src=ifsample.html width=225 height=125 marginwidth=30 marginheight=30 frameborder=1 scrolling=auto>
</iframe>
|
<a href=ifsample2.html target=iframe>サンプルその2</a>
<iframe src=ifsample.html name=iframe width=250 height=100>
</iframe>
|
サンプルその2
|
|
