|
|
|
|
ページにインラインフレームを挿入する |
|
|
|
● |
インラインフレーム |
|
|
|
|
|
|
|
■書式
<iframe src="表示させるページのurl" width="横幅" height="縦幅">
ここに代替の内容を記述。 iframe に対応してないブラウザに表示される部分</iframe>
■実際の書式例 <iframe src="iframe-test_page.html" width="400" height="300">
これはインラインフレームで表示されています。</iframe>
こんな感じになります。
|
|
|
|
|
● |
インラインフレームオプション |
|
|
<iframe src="表示させるページのurl" width="横幅" height="縦幅" オプション1 オプション2 ・・・> |
|
|
|
|
|
■ |
フレームサイズ設定 |
|
width="値" |
ピクセルまたは%で指定する |
|
height="値" |
|
|
|
■ |
スクロールバーの設定
|
|
scrolling="auto" |
自動 |
|
scrolling="yes" |
常に表示する |
|
scrolling="no" |
表示しない |
|
|
|
■ |
フレーム枠の表示・非表示 |
|
frameborder="1" |
表示する |
|
frameborder="0" |
表示しない |
|
|
|
■ |
枠と表示ページ間のマージンを設定する |
|
marginwidth="値" |
ピクセルで指定する |
|
marginheight="値" |
|
|
|
|
|
|
|
|
ページにインラインフレームのページを切り替える挿入する |
|
|
|
|
■書式
<a target="Change" href="表示するurl-1">ページ-1</a>
<a target="Change" href="表示するurl-2">ページ-2</a>
<a target="Change" href="表示するurl-3">ページ-3</a>
<iframe src="トップページurl" width="300" height="250"
name="Change" scrolling="auto" frameborder="0">インラインフレームを使用しています。</iframe>
■実際の書式例
<a target="Change" href="iframe-test_page-1.html">ページ-1</a>
<a target="Change" href="iframe-test_page-2.html">ページ-2</a>
<a target="Change" href="iframe-test_page-3.html">ページ-3</a>
<iframe src="iframe-test_page-1.html" width="400"
height="300" name="Change" scrolling="auto"
frameborder="0">インラインフレームです。</iframe>
こんな感じになります。
上のTAGだけではこのようになりません。メニューもインラインフレームもテーブルの中に入れてあります。
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|