リンクのページ

リンクタグ＜a＞

＜a href="パス"＞＜/a＞

• aは錨(Anchor)に由来
• href(Hyper REFerence)属性の属性値にリンクしたいファイルまでのパスを記述
• 範囲指定があるので終了タグあり

ファイル名の違い

拡張子

大文字・小文字の違い

パス(ファイルの位置情報の表記法)

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

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

1. 同一エリア内のファイルを指定
2. 開いたフォルダ内のファイルを指定

上の階層へ(../)

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

1. ファイルがあるフォルダの上に行くには(../)
2. その後に続けてファイル名を指定すればよい(../)
3. 上の階層のフォルダの中にあるファイルを指定する場合は(../img)
4. その後に続けて同じようにファイル名を指定すればよい(../img)

画像にリンクを貼る

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

リンクの復習

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

• link=まだ訪れていないリンク先
• vlink=訪問済みのリンク先(Visited Link)
• alink=クリック時のリンクカラー(active Link)

＜a href="URL"＞

• 相対パスが記述できるのは自分のPCだけ
• 他のPCにリンクをするにはPC(サーバー)を指定する必要がある
1. http://=インターネット経由で接続
3. http://ochagaku.sakura.ne.jp/＝sakura.ne.jp内のochagakuという名前のサーバー
• サーバーを指定するとそのサーバーのトップのフォルダが開かれる(一般的なURL：ホームページが開かれる)
• サーバー内の特定のファイルやフォルダにアクセスしたいときは上から順にフォルダを指定していく
3. 2012/pro/m2/=自分のフォルダまで階層を指定

• サーバー上の自分のページ
• プログラムのクラス一覧
• DWの自分のページ

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

• 絶対パス指定を使えばインターネット上のファイルをDLせず直接表示させることもできる
• サーバー側でファイルを差し替えるだけでページに手を加えず画像を変えることもできる(バーナー等)

きょうのひとこと

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

名前の付け方

• aタグのname属性＜a name="リンク名"＞
• 名付けたい箇所にタグがあればid属性でも命名できる＜タグ id="リンク名"＞

メールリンク