いろいろなタグ
他のページへのリンク
他のページへのリンクのタグは、
HTML文書
|
<A HREF="ページ名">リンク</A>
|
です。
12-1. 自分のホームページ内の他のページへのリンクを張る
自分のホームページ内の他のページへのリンクを張る場合、注意しなければいけないのは記述するhtml文書とページとの関係です。いくつかの例を挙げておきます。
今、あなたはhtmlというフォルダの中にホームページを作成しているとします。そして、そのhtmlというフォルダの中の構成は以下のようになっているとします。
記述例1:index.htmlからcontents.htmlへのリンクをはる
(リンクを記述するhtml文書とリンク先のページが同じフォルダにある場合)
HTML文書−index.html
|
私のホームページへようこそ!<P>
<A HREF="contents.html">目次</A>
|
記述例2:contents.htmlからhobby.htmlとkobe.htmlへのリンクをはる
(リンク先のページがリンクを記述するhtml文書の一つ下のフォルダにある場合)
HTML文書−contents.html
|
目次<P>
1.<A HREF="hobby/hobby.html">私の趣味</A>
<P>
2.<A HREF="kobe/kobe.html">神戸について</A>
|
記述例3:hobby.htmlからcontents.htmlへのリンクをはる
(リンク先のページがリンクを記述するhtml文書の一つ上のフォルダにある場合)
HTML文書−hobby.html
|
私の趣味のページです。<P>
・・・・・・・・・・・・
・・・・・・・・・・・・
<A HREF="../contents.html">目次へ戻る</A>
|
記述例3:hobby.htmlからkobe.htmlへのリンクをはる
(リンク先のページがリンクを記述するhtml文書と同レベルの他のフォルダにある場合)
HTML文書−hobby.html
|
私の趣味のページです。<P>
・・・・・・・・・・・・
・・・・・・・・・・・・
<A HREF="../kobe/kobe.html">「神戸について」</A>のページに進む
|
12-2. インターネット上の他のページへのリンクを張る
記述例:kobe.htmlから神戸学院大学のホームページへのリンクをはる
(ファイル名の代わりに、リンク先のURLアドレスを記述する)
HTML文書−kobe.html
|
神戸に関するページです。<P>
・・・・・・・・・・・・
・・・・・・・・・・・・
神戸に関するリンク<P>
★<A HREF="http://www.kobegakuin.ac.jp/">神戸学院大学</A>のページ
・・・・・・・・・・・・
・・・・・・・・・・・・
|
------------------ 続く...
------------------ 目次へ戻る...