リンク先を新しいウインドウで表示 : STEP6 【リンクを張ろう：他サイトへのリンク編】

ホームページ作成の基礎から、HTMLタグやスタイルシート、JavaScriptを使ったHP作成方法、アクセスアップの秘訣を紹介。

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

サイト内リンク

他サイトへのリンク

ページの作成

他サイトへのリンク

別ウインドウで表示

画像を使ってリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　リンク先を新しいウインドウで表示

リンク先を別のウインドウで表示させよう！

他のサイトへのリンク方法はわかりましたが、今のままでは自分のホームページを主に見て頂きたいのに、そのまま相手のサイトへ行ってしまいます。そこで、自分の開いているWebブラウザはそのままに、別のWebブラウザ（ウインドウ）を開いて他サイトへのリンクを張ることができます。
それでは別ウインドウでリンク先を指定してみましょう。下記をごらんください。

～上略～
<hr width="300">
<br>
<a href="http://homepage.nusutto.jp/">
ホームページ作成講座
</a>
<br>
<br>
<a href="http://homepage.nusutto.jp/" target="new">
ホームページ作成講座
</a>
<br>
<br>
<hr width="300">
～下略～

HTMLタグ【リンク先を新しいウインドウで表示】

上の赤い部分の内、「target="*"」という属性タグがリンク先を別のウインドウで表示させるためのタグになります。「*」部分には、自分のお好みのキーワード（半角英数字で入力）で構いません。

それでは入力してみましょう。上の赤い部分を入力してください。

ページ表示

上のように表示・リンクができれば完了です。
（上の画像をクリックして、サンプルページをご覧ください）
それでは、確認のため下の方の「ホームページ作成講座」と書かれたリンクをクリックしてみてください。リンク先が別のウインドウで表示されたら成功です。

この方法は、自分のホームページ以外のサイトを表示させたり、そのページで紹介している文章や画像について簡単な説明などを表示させる際に使用すると良いと思います。（これ以外の用途で使用しても全然構いません）
ここまで終了したら、次の「画像を使ってリンクを張る」に進みましょう。

ページの上へ

前のページ

トップページ

画像を使ってリンクを張る

Copyright (C) 2007 ホームページ作成講座 All Rights Reserved.