ハイパーリンク３

絶対パスと相対パスの長所と短所

絶対パスによる方法

例 

http://www2.kobe-u.ac.jp/~0123456m/profile.html

長所

  1. 単純明快でわかりやすい
  2. 友達のホームページに飛ぶことも出来る

短所

  1. アドレスが長い
  2. インターネットにアップロードしないと、移動できない
  3. サーバーを変更した時、ホームページの絶対パスをすべて変更する必要がある

というわけで、友達のホームページへのリンクページに用います。

相対パスによる方法

例 

../index.html

長所

  1. 自分のパソコンで作っている段階でも移動できる
  2. 住所が短い
  3. サーバー変更後書き直す必要がない

短所

  1. ややこしい
  2. 自分のホームページ内以外は移動不可能

こちらの方は自分のページ間を移動するのに用います。

違うページに移動する <a href="移動先"> 〜 </a>

ページの移動はリンクタグを用いることで行います。リンクタグで囲まれた画像・文字が移動ボタンとなります。２つめのページを用意してない人は、下のソースのページをつくり「index.html」に移動するようにしてみてください。 

<html>
<head><title>リンクのテストページ</title></head>
<body>
  <a href="index.html">ここを押す</a>と移動します。
  <a href="http://www2.kobe-u.ac.jp/~0123456m/">絶対パス</a>で移動します。
</body>
</html>
prev top next