インラインフレームでのリンク

トップやさしいHTML教室トップメニュー>インラインフレームでのリンク 次へ(インラインフレームの細かい設定)

name="フレーム名"
target="場所"

インラインフレームを使ったページでリンクを貼るには、通常のフレームと同じように、インラインフレームにname属性を使って名前を付けて、リンクを貼るタグの中にtarget属性をつけて表示したいインラインフレームの名前を指定します。

プレビュー HTMLソース
サンプル
戻る 進む ホーム

インラインフレームのソース

<iframe src="001-002035-1.html"name="1"></iframe>
<iframe src name="2"></iframe>
<iframe src="001-002035-2.html"name="3"></iframe>
<iframe src="001-002035-3.html"name="4"></iframe>

インラインフレーム内のページのソース

<html>
<head>
<title>サンプル</title>
</head>
<body>
<a href="index.html">ここにトップページを表示する</a>
</body>
</html>
<html>
<head>
<title>サンプル</title>
</head>
<body>
<a href="index.html"target="2">↑にトップページを表示する</a>
</body>
</html>
<html>
<head>
<title>サンプル</title>
</head>
<body>
<a href="index.html"target="_top">トップページを全画面で表示する</a>
</body>
</html>

トップやさしいHTML教室トップメニュー>インラインフレームでのリンク 次へ(インラインフレームの細かい設定)