リンクのページ

リンク

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

• 相対パス

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

link

未訪問時のリンクカラー

vlink(visited)

訪問済みリンクカラー

alink(active)

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

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

絶対パスによるリンク

• クラス一覧
• DWの自分のページ
• クラスで一番ワンピースが好きな人

http://

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

ochagaku.sakura.ne.jp/

サーバー名

2010/pro/03/

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

6/4　リンク2

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

ページ内リンク

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

メールリンク

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