リンクのページ

リンクタグ

＜a href="パス"＞

ファイルリンク

パスの記述法

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

相対パス

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

上の階層へ戻る（../）

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

画像のリンク

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

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

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

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

＜a href="URL"＞

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

よく見るページベスト3

1. お茶の水スクールオブビジネス
2. ブックマーク
3. じぶんのDWのページ

ページ内リンク

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

メールリンク

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

きょうのひとこと