リンクについて

用語

• a = anchor = 錨
• src = source = 画像ファイルへのパス（住所）
• href = hyper reference = 過度な 参照 = リンク先情報
• alt = alternate = 代理 = 代替文字
• rel = relation = 関係 =

画像リンク

<p><a href="移動先のアドレス"><img src="画像の住所" alt="代替文字" (title="マウスオンで名前")></a></p>

• altは必須
• 画像にチップ（四角に画像名）を表示するさせるのはtitle
  • Internet Explorerはaltがチップで表示される

同一ページの指定箇所にジャンプ

<p><a href="#hello2">hello2</a></p>
<p id="hello2">hello2!!!</p>

新規ページでリンクを開く

<p><a href="http://d.hatena.ne.jp/" target="_blank">hatenaのページへ移動</a></p>

メールフォームを開く

<p><a href="mailto:XXX@XXX.net">お問い合わせ（メールソフトが起動します）</a>

• 今はHTMLに直接記述しないことが多いです

CSS：スタイルシートリンク

＜link rel="stylesheet" href="style.css"＞

CSS：背景画像（リンク）

background: #FFF url(img/header_bg.jpg) no-repeat center top;
repeat/repeat-x/repeat-y/no-repeat

相対パス = relative path

「./」同じフォルダ内のファイル指定
「../」１つ上のフォルダ内のファイルを指定
「../../」２つ上のフォルダ内のファイルを指定