iframe Page の作成

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>
実施例：下記はインラインフレームを２個設けた場合の例です。
<html lang="ja">
検索してもらうためのタイトル
<head>
<title>山と低山登山のページの iframe</title>
blue7.jpg は背景の柄のファイル名
</head>
文字のサイズと色
<body background="blue7.jpg">
太文字を指定
iframe の幅
iframe の高さ
<left><font size="4" color="#0000ff"><b>各種スライドショー</b><br>
</font>
iframe の上にこの文字を記入
<iframe src="menu_u.html" name="スライドショー" width="169" height="300" scrolling="auto">
</iframe>
iframe 内で表示するファイル名
<br>
<br>
この名前は何でも良い
インラインフレーム 1 の定義
1 つ目のインラインフレームの後ろで改行して、更に 1 行空ける
<font size="4" color="#0000cc"><b>遊びのページ</b><br>
</font>
<iframe src="menu_d.html" name="遊びのページ" width="169" height="160" scrolling="auto" >
</iframe>
</left>
</body>
</html>
インラインフレーム 2 の定義
iframe のオプション：
src
ファイルの URL
name
フレーム名（任意の名前を付けることで、インフレーム内に他のファイルを
読み込むことができます。
width
フレームの横幅(ピクセル、％)
height
フレームの高さ(ピクセル、％)
marginwidth
フレーム内の左右のマージン(ピクセル)
marginheight フレーム内の上下のマージン(ピクセル)
scrolling
auto(自動、標準)、yes(表示)、no(非表示)
frameborder
0,1(フレームの枠の非表示・表示)
align
left,center,right(iframe の設置場所)

Download Report