フレーム・リンク・HTML・ホームページ作成

ホームページ作成の後

検索エンジン対策(SEO)
検索エンジン集
相互リンクを増やす
アフィリエイト
ページ作成時必須ツール
インターネット便利ツール
おすすめの本
広告を出す

その他

ホームページ作成(気楽版)
アフィリエイト(詳細版)
管理人コラム
レンタルサーバー比較初心者
メルマガバックナンバー
無料レポート、無料冊子
顔文字無料辞書
ホームページ(サイト)マップ
検索エンジンWorldSearch
運営者情報

リンク集

簡単相互リンク
相互リンクモスト

リンクについて
相互リンク・リンク集系
情報・ショップ系 2 3
法律・生活系
ビジネス・お小遣い系 2
趣味・地域情報系
コンピュータ・ネット系 2
美容・健康・女性系 2

フレーム内でのリンク

・<frame src="表示するHTMLファイル" name="フレームの名前">
<a href="リンク先URL" target="フレームの名前">

<frame>タグにname属性をつけると、リンク先のページをどこのフレーム内に表示するかを操作できます。

例えば下のソースでは上のページを表示するスペースにtop、下のスペースにbottomと名前をつけてあります。

そして上に表示するページであるnewtopのソースではリンクするときtarget属性をつけています。

フレームにつけた名前をtargetにすることで、リンク先のページをtargetで指定したスペースに表示することができます。

またtargetに_topを指定するとフレームを解除して全画面で表示します。

targetに_blankを指定すると違うウインドウでリンク先のページを表示します。targetを指定しないと同じフレーム内でリンクします。

例で確認してみてください。

ソース例

<html>
<head>
<title>上下に分割するフレーム</title>
</head>
<frameset rows="20%,80%">
<frame src="newtop.html" name="top">
<frame src="newbottom.html" name="bottom">
</frameset>
</html>

newtop.htmlのソース

<html>
<head>
<title>上のページ</title>
</head>
<body bgcolor="#ffccff">
<center>
上のページです。<br>
<a href="page1.html">target指定なし</a><br>
<a href="page4.html" target="bottom">target="bottom"を指定</a><br>
<a href="page2.html" target="_top">target="_top"を指定</a><br>
<a href="page3.html" target="_blank">target="_blank"を指定</a>
</center>
</body>
</html>

表示例はこちら

＜＜　「フレームのサイズを固定する」へ　　　　　「境界線の太さを指定する」へ　＞＞

ホームページ作成とHTML＞＞HTML書き方講座＞＞フレーム内でのリンク