リンクのページ


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

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

リンクタグ

<a href="パス">

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

ファイリング

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

パスの記述法

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

相対パス

上の階層は戻る

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

画像のリンク

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

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

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

<a href="URL">

よく見るページベスト3

  1. Youtube
  2. Yahoo!
  3. Google

ページ内リンク

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

メールリンク

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

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

今日の一言

早すぎてついていけない