他サイトへのリンクの張り方 : STEP6 【リンクを張ろう：他サイトへのリンク編】

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

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

サイト内リンク

他サイトへのリンク

ページの作成

他サイトへのリンク

別ウインドウで表示

画像を使ってリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　他サイトへのリンクの張り方

他サイトへのリンクを張ろう！

自分のホームページを作成する際にお世話になったサイトやお友達のサイトを紹介したいことなどあります。そのような時に他のサイトへのリンクをします。
それでは他のサイトへのリンクを張ってみましょう。といっても、知らないサイトへのリンクを張るというのもあれなので、まずは当サイト（http://homepage.nusutto.jp/）を使ってリンクを張りましょう。それでは下記をご覧ください。

～上略～
<hr width="300">
<br>
<b>他サイトへのリンク</b>
<br>
<br>
<hr width="300">
<br>
<a href="http://homepage.nusutto.jp/">
ホームページ作成講座
</a>
<br>
<br>
<hr width="300">
～下略～

HTMLタグ【他のサイトへのリンク】

上の赤い部分が他サイトへのリンクを張るタグになります。「サイト内リンク」と変わらないと感じた方もいらっしゃると思いますが、その通りです。
サイト内リンクと違う部分は、自分のホームページ内であれば、相対リンクでリンク先を指定することができました。しかし、他サイトへのリンクを張る場合には、必ず絶対リンクで指定しなければなりません（詳しくはタグ欄下の詳細をご覧ください）

それでは入力してみましょう。上の赤い部分を入力してください。
（上の紹介では改行していますが、改行しなくても構いません）

ページ表示

上のように表示・リンクができれば完了です。
（上の画像をクリックして、サンプルページをご覧ください）
それでは確認のために、「ホームページ作成講座」というリンク部分をクリックしてみてください。当サイトのトップページにページが飛べば成功です。他サイトへのリンクが終了したら、次の「リンク先を新しいウインドウで表示」に進みましょう。

ページの上へ

前のページ

トップページ

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

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