リンク先ページの作成： STEP5 【リンクを張ろう：サイト内リンク編】

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

ホームページ入門

初めてのホームページ

作成に必要なもの

レンタルサーバ選び

HPを作ってみよう

拡張子の表示

フォルダ、ファイル作成

HTMLタグの入力

画像を張る

サイト内リンク

リンクについて

ページの作成

サイト内リンク

ページ内リンク

他サイトへのリンク

FTPの使い方

完成までの流れ

気をつけたいこと

　リンク先ページの作成

タグの追加

新しくHTMLファイルを作成する前に、構成上必要となるタグを追加しましょう。

～（上略）～
<img src="image/title.gif">
<hr width="300">
<br>
<b>体験ホームページへようこそ</b>
<br>
<br>
<hr width="300">
<br>
<br>
<br>
<hr width="300">
<br>
<img src="image/banner.gif">
～（下略）～

上の赤い部分を追加してください。

拡大表示

上の絵のようになれば完了ですので、下に進んでください。

リンク先のページを作成しよう！

それではリンク先のページを作成していきましょう。「index.html」の他に、新しくHTMLファイルを作成するだけですので、難しいことは全くありません。 HTMLファイルの作成方法を忘れてしまった方は、「HTMLファイルの作成」をご覧ください。

1. 「index.html」と同じように、HomePageフォルダ内に、「profile.html」という
　　HTMLファイルを作成してください。

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

<html>
<head>
<title>プロフィール </title>
</head>
<body background="image/bg.gif">
<div align="center">
<img src="image/title.gif">
<hr width="300">
<br>
<br>
<br>
<hr width="300">
<br>
<br>
<br>
<hr width="300">
<br>
</div>
</body>
</html>

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

拡大表示

以上でリンク先ページの作成は終了です。
次の、「サイト内リンクの張り方」に進みましょう。

ページの上へ

前のページ

トップページ

サイト内リンクの張り方

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