https://hmaster.net/


HTMLタグとCSSを使いメモ帳だけで無料でホームページを作成する 方法を分かりやすく解説しているサイトです。 初心者向けに見やすい、読みやすい作りになっています。

インラインフレームを作る

<iframe src="URL">~</iframe>でインラインフレームを 作ることができます。~の部分はインラインフレームに対応してない ブラウザの為に記述します。インラインフレームは別ページを読み込んで小さい フレーム内に表示します。

インラインフレームの使い道は画像や短い文章等を複数の ページの同じ位置に表示したい時などに使えます。 それらを別の画像や文章に変更したいと思った時、一つのページの ソースを変更するだけで全てのページのインラインフレーム内の 画像や文章を新しいものに 差し替える事ができます。

インラインフレームタグの属性には以下のようなものがあります。

オプション 説明
width インラインフレームの横幅を指定します。
height インラインフレームの高さを指定します。
frameborder インラインフレームの枠のサイズを指定します。frameborder="0" で枠線は表示されません。
scrolling インラインフレームのスクロールを指定します。scrolling="yes"、scrolling="no"で スクロールバーを表示するかしないかを指定します。
marginwidth インラインフレームの内容の左右の余白を指定します。
marginheight インラインフレームの内容の上下の余白を指定します。

【ブラウザ表示】

iframesample.html(インラインフレームサンプル) というページを上のインラインフレームの中に読み込み 表示させました。
ソース

<iframe src="iframesample.html" frameborder="1" width="200"
height="150" marginwidth="40" marginheight="40">
インラインフレーム
</iframe>

このエントリーをはてなブックマークに追加 Instagram

■ その他の項目

フレームのページを作る

HTMLタグ一覧のページに戻る