| さっそく作ってみよう（これで最後） |
 ページを増やしてリンクを作ろう！
最後にページを増やしてそれぞれのページへのリンクを作って完成です！
では、まず実際にリンクを作ってみましょう。さらに全体をセンターにそろえてみましょう。『index.html』をメモ帳にドロップして、以下のように書き加えてください。
<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<BODY background="image/back.gif">
<DIV align="center">
<P>
<IMG src="image/title.gif">
初めてのホームページです。<br>
頑張っていきましょう♪
</P>
<A href="link.html">リンク集</A>
</DIV>
</BODY>
</HTML> |
| ワンポイントメモ |
<A href="※"></A>: ※へのリンク
<DIV align="center"></DIV>: 囲まれた部分をセンターに揃える |
ちょっと確認してみましょう。『index.html』をダブルクリック！
 |
このように表示されたかと思います。
メモ帳が開かれてしまったら、
右クリック⇒プログラムから開く⇒Internet Explorer
で開いてみてください。 |
ただ、今はまだリンク先のファイル『link.html』が存在しないので、クリックしても『ページを表示できません』と表示されるだけです。
では、『link.html』を作ってみましょう！
『index.html』を右クリック⇒コピー ＆ 右クリック⇒貼り付けでコピー。
続いてコピーしたファイルの名前を変更します。
右クリック⇒名前を変更する で『link.html』としてください。
できましたか？できたら次は新しいメモ帳を開き、メモ帳に『link.html』をドロップします。出てきたファイルを以下のように書き換えてください。
<HTML>
<HEAD>
<TITLE>リンク集</TITLE>
</HEAD>
<BODY background="image/back.gif">
<DIV align="center">
<IMG src="image/title.gif">
<P>
<A href="index.html">トップページへ戻る</A>
<A href="http://google.co.jp">Googleへのリンク</A>
</P>
</DIV>
</BODY>
</HTML> |
これで完成です！見てみましょう！
おつかれさまでした。
後はレンタルサーバーを用意して、アップロードです！ |
|
| back >> ホームページ作成講座 |
|
|
ホームページ開設までの流れ
