リンクのページ
homehomeに戻る
10月の授業日記
11月の授業日記
▽ページ内リンク
▽相対パス
▽絶対パス
リンクタブ
<a href="パス">
タグは錨(Anchor)に由来するa
ファイルリンク
href(Hyper REFerence)の属性の属性値にリンクしたいファイルまでのパスを記述
パスの記述法
- 相対パス
- 絶対パス
相対パス
- 自分のページ内で用いられるリンクの記述法
- 記述しているファイルからリンクしたいファイルまでの行き方を記述
同じフォルダ内のファイル/フォルダ名を指定(diary/)
フォルダ内のファイル名を指定(diary/11html)
上の階層に戻る(../)
ファイルがあるフォルダの上のフォルダに行くには(../)
その後に続けてふつうに指定すればいい(../index.html)
上の階層の中の別のフォルダに降りる場合はそのフォルダを指定し(../img/)
そこから同じようにその中のファイルを指定する(../img/img.html)
diary/はひとつフォルダを被っているのでそれを戻す../1をつけてば同じになる
画像リンク
- imgタグの外側にaタグをつけてリンクを設定する
- リンクのついた画像には枠線が付く
- 消したい場合はimgタグにborder="0"
リンクのカラー(bodyの属性)(P292〜)
- link>まだ訪れていないリンクのカラー
- vlink>訪問済みのリンクのカラー(visited LINK)
- alink>クリック時のリンクのカラー(Active LINK)
絶対パス(外部ページへのリンク)
<a href="URL">
- 相対パスが記述できるのは自分のPCのフォルダだけ
-
- 他者にリンクを貼るにはそのコンピューター(サーバー)を指定
-
- フォルダの階層をルートからすべて記述する
-
- http://>インターネット経由へ別のマシンへ接続
- ochagaku.sakura.ne.jp/>sakura.ne.jpのochagakuという名前のサーバー
- 2011/pro/>サーバーを特定できたらルートから順にフォルダを指定していく
- プログラムのクラス一覧
- プログラムの自分のページ一覧
- カラーチャート
よく見るページベスト3
- Yahoo!JAPAN
- アメブロ
- 天気
ページ内リンク
タグにID属性で名前をつけるとページ内でスクロールしてリンクするリンク先として指定する
- id属性で名前をつける<タグ id="リンク名">
- リンク名の先に#をつけてaタグでリンクを指定<a href="#リンク名">
△このページのトップへ
<a href="mailto;メールアドレス">
クリックすると入れたメールアドレスがあて先に記入された状態でメーラーが立ち上がる
今日のひとこと
説明が早かった。
クラスで一番すごいと思う人のページ