リンクタグ
次にリンク(正式にはハイパーリンク)をしてみましょう。
でもその前にアドレスについて、ちょっとお勉強をします。
相対アドレスと絶対アドレス
初心者にとって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」の部分を編集してください。
画像でリンクする
↑のタグと「リンク先」を入れ替えてください。
↑このようになります。
同じページ内でのリンク
↑まずリンク先にこれを記述しておきます。
↑今までのものと同じですが、頭に#を付けることによって同ページ内のリンクにできます。