しなやか暮らし研究所パソコン処理ホームページ作成テンプレート

マークアップの定石：リンク

HTML

<a href="" class="declink">リンクです</a>

CSS

<style type="text/css">
<!--
a.declink {
  text-decoration: none;
  border-bottom: 3px blue dotted;
  padding-bottom: 2px;
}
-->
</style>

HTML

<a href="" class="declink">リンクです</a>

CSS

<style type="text/css">
<!--
a.declink { text-decoration: none;}
a.declink:link { color: #000000;}
a.declink:visited { color: #000000;}
-->
</style>

未訪問リンク　　　　　　　　a:link{color:色指定}
訪問済リンク　　　　　　　　a:visited{color:色指定}
カーソルがリンク上にある　　a:hover{color:色指定}
リンクを選択した　　　　　　a:active{color:色指定}

HTML

<a href="相対/絶対パス"　title="説明文">
カーソルがリンクに乗るとtitle属性を表示</a>
 
<p>
<a href="相対/絶対パス" title="自己紹介のページに移動します。"
 target="_blank">自己紹介ページ</a>
</p>

2 3 4