リンクのページ


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

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

リンクタブ

<a href="パス">

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

ファイルリンク

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

パスの記述法

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

相対パス

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

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

画像リンク

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

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

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

<a href="URL">

よく見るページベスト3

  1. Yahoo!JAPAN
  2. アメブロ
  3. 天気

ページ内リンク

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

メールリンク

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

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

今日のひとこと

説明が早かった。
クラスで一番すごいと思う人のページ