リンクのページ


homeに戻る 10月の授業日記   11月の授業日記

▽ページ内リンク  ▽相対パス  ▽絶対パス

リンクタグ

<a href="パス">

タグは錨(Anchor)に由来する

ファイルリンク

href(Hyper REFerence)属性の属性値にリンクしたいファイルまでのパスを記述

パスの記述

相対パス

  1. 自分のページ内で用いられる記述法
  2. 記述しているファイルからリンクしたいファイルまでの行き方を記述

上の階層へ戻る(../)

  1. ファイルがあるフォルダの上のフォルダに行くには(../)
  2. その後に続けて普通に指定をすればいい(../index.html)
  3. 上の階層の中の別のフォルダに降りる場合はそのフォルダを指定し(../img/)
  4. そこから同じようにその中のファイルを指定する(../img/img.html)
diary/はひとつフォルダを被っているのでそれを戻す../をつければ同じになる

画像のリンク

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

リンクのカラー(bodyの属性)(p292)

絶対パス(外部ページへのリンク)

<a href="URL">

よく見るページベスト3

  1. ORICON STYLE
  2. ワールドドッグ図鑑
  3. ジャパンテディベア

ページ内リンク

タグにID属性で名前をつけるとページ内でスクロールしてリンクするリンク先として指定できる
  1. id属性で名前をつける<タグ id="リンク名">
  2. リンク名の先に#をつけてaたぐでリンクを指定<a href="#リンク名">
△このページのトップへ

メールリンク

<a href="mailto:メールアドレス">

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

きょうのひとこと

わかんない
クラスで一番すごいと思うページ