無料ホームページ作成!HTML
インラインフレームの作成

無料ホームページ作成!HTML・フレーム
インラインフレームの作成(IFRAME要素)

ホームページでインラインフレームの作成

FRAME要素 (インライン)

iframe要素はインラインフレームを作成する要素です、例えばページの一部分だけ他のページを表示したい場合などに使用できます。また、未対応ブラウザの為にiframe要素の内容を入れておいてあげると親切です。(iframe要素の内容は対応ブラウザでは表示されません)

<iframe>タグの使い方

HTMLソース

<iframe src="iframe.html">
未対応ブラウザの表示部分
</iframe>
 
結果

IFRAME要素で宣言できる属性

属性名 概要
src URL 表示するURLを絶対パスか相対パスで指定
name 文字 フレーム名を付ける
align center フレームを中央揃えで表示
right フレームを右揃えで表示
left フレームを左揃えで表示
width px,% pxか%でフレームの縦幅の指定
height px,% pxか%でフレームの横幅の指定
marginheight px pxでフレームの上下の余白の指定
marginwidth px pxでフレームの左右の余白の指定
frameborder 0 フレームの境界線を非表示
1 フレームの境界線を表示(初期値)
scrolling auto スクロールバーが必要なとき表示(初期値)
yes スクロールバーを表示
no スクロールバーを非表示

重要となるのがname属性です、この属性を付けないでリンクを張ると同じフレーム内でしか移動できなくなります。
<frame name="main" src="index.html">
とフレーム名がmainの画面を移動させる場合、リンクは
<a href="URL" target="main">のように、target属性の値を移動させたいフレーム名を入れなければなりません。

無料ホームページ作成!メニュー

HTML

基本

HEAD要素内

文章

画像

リンク

リスト

フォーム

グループ

フレーム

その他

リンクについてお問い合わせ
無料ホームページ作成!HTML&CSS