リンクのページ


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"

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

    よく見るページベスト3

    1. yahoo!JAPAN
    2. youtube
    3. yahoo movies

    自分のDWのページ

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

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

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

    きょうのひとこと

    難しかった
    クラスで一番すごいと思う人のページ