リンクのページ

リンク

• タグは＜a＞
• href属性にリンクしたいファイルへのパス（経路）を記述
• 大文字小文字も区別されるので正確に
• Index.html（PC上でのみリンク可能）
• index.html（サーバー上でもリンク可能）

• 相対パス

1. 同一フォルダ内のフォルダをまず開き（diary/）
2. その中の該当ファイルを開く5.html（diary/5.html）
3. 対象のファイルが別のフォルダにある場合上の階層に戻り（../）
4. そこから同じように指定する（../index.html）
5. さらに別のフォルダ内の場合はそのフォルダを指定し（../img/）
6. そこから同じように指定する（../img/img.html）
• リンクのカラー（bodyの属性）

link

未訪問時のリンクカラー

vlink（visited）

訪問済みリンクカラー

alink（active）

クリック時のリンクカラー

• 画像のリンク
1. ＜ａ＞タグで＜ｉmg＞タグを括る
2. 枠線を消したい場合＜ｉmg＞タグにborder="0"

絶対パスによるリンク

• クラス一覧
• DWの自分のページ
• クラスで初めて泣いた人

http://

通信プロトコル（インターネットを経由して）

http://ochagaku.sakura.ne.jp/

サーバー名

2010/pro/04/

サーバー内のフォルダを上からたどっている

6/4　リンク

1. 相対パス
• トップページ
• 
2. 絶対パス
• カラーチャート
• 授業で使うブックマーク
• 気に入った背景画像のページ

ページ内リンク

1. リンクしたい部分に名前を付ける
• ＜タグ　id="リンク名"＞
• ＜a name="リンク名"＞＜/a＞
2. ＜a href="#リンク名"＞でリンクする

メールリンク

ご意見ご感想ご要望はこちらまで