Wordによるホームページ勉強会 第17日目
iframe Page の作成
 那須シニアネット 三宅 節雄
インラインフレーム:

 インラインフレーム(iframe)とは、普通にスクロールするフレームの中に局部的な窓を設け、その中だけが独立してスクロールできるように設定したもので、Web上での使用許諾等読み切れないほど多い文章をそのまま載せると場所を取るので、窓を設けてその中に記載し、その窓の中だけがスクロールできるようした物を言う。

HTMLの基本の形:

 htmlファイルには全体を定義する<html>で始まり</html>で終わり、その中側には最低限でも<head></head>の組み合わせと<body></body>の組み合わせを含んでいる。

 <head></head>の間には、最低限でも、他者の検索で検索してもらうために<title></title>を設け、その間にタイトルを入れる。

 <body></body>間に本文を入れるが、インラインフレームの設定もこの中に入れる。

<html>
<head>
<title>タイトル</title>
</head>
<body>
インラインフレーム文はここに入れます
</body>
</html>

実施例:下記はインラインフレームを2個設けた場合の例です



iframeのオプション:
src ファイルのURL
name フレーム名(任意の名前を付けることで、院フレーム内に他のファイルを読み込むことができます。
width フレームの横幅(ピクセル、%)
height フレームの高さ(ピクセル、%)
marginwidth フレームの左右のマージン(ピクセル)
marginheight フレームの上下のマージン(ピクセル)
scrolling auto(自動、標準)、yes(表示)、no(非表示)
frameborder 0,1(フレーム枠の非表示、表示)
align left,centr,right(iframeの設置場所)


上記の設定での実施結果:

各種スライドショー


遊びのページ

ファイルのダウンロード:

 実際に使用したhtmlは下記を右クリックで対象をファイルに保存で保存できます。

iframe.html
menu_u.html
menu_d.html