STEP6 【リンクを張ろう：他サイトへのリンク編】：ホームページを作ってみよう

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

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

サイト内リンク

他サイトへのリンク

ページの作成

他サイトへのリンク

別ウインドウで表示

画像を使ってリンク

FTPの使い方

完成までの流れ

気をつけたいこと

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

リンク先ページの作成

それでは他サイトへのリンクの前に、STEP5と同じように、新しくHTMLファイルを作成しましょう。もし作成方法を忘れてしまった方は、「HTMLファイルの作成」をご覧ください。それでは作成していきましょう。

まず始めに、「index.html」「profile.html」と同様に、HomePageフォルダ内に、「link.html」というHTMLファイルを作成してください。

「link.html」を作成できたら、その中に下記のタグを入力してください。

<html>
<head>
<title>リンク</title>
</head>
<body background="image/bg.gif">
<div align="center">
<img src="image/title.gif">
<hr width="300">
<br>
<b>他サイトへのリンク</b>
<br>
<br>
<hr width="300">
<br>
<br>
<br>
<hr width="300">
<br>
<a href="index.html">トップページに戻る</a>
</div>
</body>
</html>

タグの入力が終わったら、Webブラウザを更新してみてください。
下記のようになれば完了です。

ページ表示

上のように作成ができたら次に進んでください。

タグの追加

「link.html」の作成ができましたが、トップページからリンクを張っていないため、このままではトップページには戻れてもトップページから「link.html」にはいけません。
そこで、「index.html」に下記のタグを追加してください。

～（上略）～
<hr width="300">
<br>
<a href="index.html">トップページ</a>
<br>
<br>
<a href="profile.html">プロフィール</a>
<br>
<br>
<a href="link.html">リンク</a>
<br>
<br>
<hr width="300">
～（下略）～

上の赤い部分を入力して下さい。
入力が終了したら、リンクされているか確認しましょう。

ページ表示

上のように表示・リンクができれば完了です。
（上の画像をクリックして、サンプルページをご覧ください。）
ここまで終了した方は、次の「他サイトへのリンクの張り方」に進みましょう。

ページの上へ

前のページ

トップページ

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

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