リンクタグ

次にリンク(正式にはハイパーリンク)をしてみましょう。
でもその前にアドレスについて、ちょっとお勉強をします。

相対アドレスと絶対アドレス

初心者にとって2つの違いを理解することは難しいですが、便利なので覚えましょう♪

絶対パスとは?

http://から始まるURLのアドレスでリンク先を指定することです。
主に自分のサイト以外のページ行く時に使用します。(掲示板など)

相対パスとは?

自分のサイト内を移動する時にしようします。
(難しく言うと、同じサーバー内のファイルに行く時に使います)

相対パスでリンクしてみよう!

現在こういうファイルがあるという設定の図です。


現在index.htmlのページを見ているとします。

画像のindex.htmlから11.htmlにリンクするときはどう書くのでしょうか?
答えは aa/11.html です。
aa/ とはaaフォルダの中にあるファイルという意味ですです。
つまり、 aa/11.html とは、aaフォルダにある11.htmlというファイルという意味です。

では、現在12.htmlを閲覧中で11.htmlを見たい場合はどうすれば良いでしょうか?
そこで登場するのが、 ../ です。
../ を記入することにより、1つ前のフォルダという意味になります。
よって答えは、 ../aa/11.html です。

通常リンクをする


↑の「index.html」の部分を編集してください。

新しいウィンドウでページを開く


↑の「index.html」の部分を編集してください。

画像でリンクする


↑のタグと「リンク先」を入れ替えてください。


↑このようになります。

同じページ内でのリンク


↑まずリンク先にこれを記述しておきます。


↑今までのものと同じですが、頭に#を付けることによって同ページ内のリンクにできます。