リンクのページ

リンクタグ

＜a href="パス"＞

ファイルリンク

パスの記述法

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

相対パス

• 自分のページ内で用いられるリンクの記述法
• 記述しているファイルからリンクしたいファイルまでの行き方を記述
1. 同じフォルダ内のファイル／フォルダ名を指定（diary/）
2. フォルダ内のファイル名を指定（diary/11.html）

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

1. ファイルがあるフォルダの上のフォルダに行くには（../）
2. その後に続けて普通に指定をすればいい（../index.html）
3. 上の階層の中の別のフォルダに降りる場合はそのフォルダを指定し（../iｍｇ/）
4. そこから同じようにその中のファイルを指定する（../iｍｇ/img.html）

画像のリンク

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

リンクのカラー（bodyの属性）（P292）

• link＞まだ訪れていないリンクのカラー
• vlink＞訪問済みのリンクのカラー（Visited lINK）
• alink＞クリック時のリンクのカラー（ActivelINK）

絶対パス（外部ページへのリンク）

＜a href="URL"＞

• 相対パスが記述できるのは自分のＰＣのフォルダだけ
• 他者にリンクを貼るにはそのコンピュータ（サーバー）を指定
• フォルダの階層をルートからすべて記述する
1. http://＞インターネット経由で別のマシンへ接続
2. ochagaku.sakura.ne.jp/＞sakura.ne.jpのochagakuという名前のサーバー
3. 2011/pro/＞サーバーを特定できたらルートから順にフォルダを指定してゆく
• プログラムのクラス一覧
• プログラムの自分のページ
• カラーチャート

よく見るページベスト３

1. ミクシー
2. ヤフー
3. コジマ

ページ内のリンク

1. ＩＤ属性で名前をつける＜タグ　id="リンク名"＞
2. リンク名の先に＃をつけてaタグでリンクを指定＜a href="#リンク名"＞

メールリンク

＜a href="mailto:メールアドレス"＞

今日の一言