リンクのページ

＞homeにもどる　＞4月の授業日記　＞5月の授業日記
▽相対パス　▽絶対パス　▽ページ内リンク　▽メールリンク

リンクタグ＜a＞

＜a href="パス"＞

ファイル名の違い

拡張子

index.htm拡張子が違うとリンクしない

大文字・小文字の違い

INDEX.HTMLwindows上ではリンクするがサーバーにあげるとリンクしない

パス（ファイルの位置情報の表記法）

  1. 相対パス
  2. 絶対パス

相対パス

上の階層へ(../)

../＝上のフォルダに戻る記述

  1. ファイルがあるフォルダの上のフォルダに行くには（../）
  2. そのあとに続けてファイル名を指定すればよい（../index.html）
  3. 上の階層のフォルダの中にあるファイルを指定する場合はそのフォルダを指定し（../img/）
  4. そのあとに続けて同じようにファイル名を指定すればよい（../img/img.html）
二つ上の階層へは../../

リンクのカラー(BODYタグの属性)

リンク部分はカラー・アンダーライン（枠線）・カーソルなどで明示される。色は以下の3種の指定ができる。

画像にリンクを貼る

  1. imgタグの前後にaタグをつけリンクを設定する
  2. リンクのついた画像には枠線がつく
  3. 消したい場合はimgタグにborder="0"

リンクの復讐

＞homeに戻る　 ＞5月の授業日記　 ＞6月の授業日記　

リンクのカラー（bodyの属性）

絶対パス（外部ページへのリンク）

＜ a href="URL"＞

よく見るページベスト３

  1. ブックマーク
  2. カラーチャート
  3. 気に入った素材のページ

ページ内リンク

  1. ページ内に半角英数で名前をつける
  2. 名前の前に＃をつけaタグでリンクを指定＜a href="#リンク名"＞

名前の付け方

このページのトップへ

メールリンク

＜a href="mailto:メールアドレス"＞

クリックすると入れたメールアドレスが宛先に入力された状態でメーラーが立ち上がる

サーバー上でのリンク

絶対パスでの画像のリンク