リンクについて

a hrefを使用してリンクする

• a = Anker
• href = hiper reference
  • hrefにURL or パス

リンクの種類

href属性にURLを指定する

• 絶対リンク
• 相対リンク

タグを使うことでリンクさせる

• アンカーリンク

絶対リンク

• ホームディレクトリからのパスorhttp://xxxに移動する

  <a href="http://www.wikipedia.org">

相対リンク

• 今のディレクトリからの相対的なリンクに移動する

  <a href="table.html">table.htmlへのリンク</a>

アンカーリンク

• ページ内で移動する(スクロール位置を移動する)
• aタグのhrefに任意の識別子を指定
• pタグのid属性にaタグで指定した識別子と同じ識別子を指定

  <p id="top"><a href="http://www.google.com">google検索</a></p>
  	<p><a href="table.html">テーブル.htmlへのリンク</a></p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p>スペース</p>
  	<p><a href="#top">トップへ戻る</a></p>

画像にリンクを設置する

• imgタグを<a href="">で囲む

  <a href="http://www.google.com">
  	<img src="image.png">
  </a>