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

無料ホームページ作成講座 〜初心者のための簡単ホームページ作成術〜

 
ホーム お気に入り サイトマップ リンク ヘルプ
ホームページ入門
初めてのホームページ
作成に必要なもの
レンタルサーバ選び
HPを作ってみよう
拡張子の表示
フォルダ、ファイル作成
HTMLタグの入力
画像を張る
サイト内リンク
他サイトへのリンク
ページの作成
他サイトへのリンク
別ウインドウで表示
画像を使ってリンク
FTPの使い方
完成までの流れ
気をつけたいこと


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

他サイトへのリンクを張ろう!
自分のホームページを作成する際にお世話になったサイトやお友達のサイトを紹介したいことなどあります。 そのような時に他のサイトへのリンクをします。
それでは他のサイトへのリンクを張ってみましょう。 といっても、知らないサイトへのリンクを張るというのもあれなので、まずは当サイト(http://homepage.nusutto.jp/)を使ってリンクを張りましょう。 それでは下記をご覧ください。
link.html
〜 上略 〜
<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.