特定の位置にリンク  Home


場所を指定してリンクする場合に使用する


 HTMLの場合

 <A href="リンク先URL">文字</A>

 <body text="色指定" link="色指定" vlink="色指定" alink="色指定">

 CSSの場合

 <STYLE TYPE="text/css">
 <!--
 A:link { color:色指定;}/*まだ見ていないリンクの部分*/
 A:visited { color:色指定;}/*すでに見たリンク*/
 A:hover { color:色指定;}/*カーソルがリンクの上にあるとき*/
 A:active { color:色指定;}/*マウスボタンを押した時のリンク*/
 -->
 </STYLE>

 

 リンクの下線を消す

 <style type="text/css">
 <!--
 a{ text-decoration:none; }
 -->
 </style>

 取り消し線    リンク済みに取り消し線が出ちゃいます。
 <STYLE TYPE="text/css">
 <!--
 A:link { color:色指定;text-decoration:none;}/*まだ見ていないリンクの部分*/
 A:visited { color:色指定;text-decoration:line-through;}/*すでに見たリンク*/
 A:hover { color:色指定; text-decoration:none;}/*カーソルがリンクの上にあるとき*/
 A:active { color:色指定;text-decoration:none;}/*マウスボタンを押した時のリンク*/
 -->
 </STYLE>

 同じページの特定の位置

 <A href="#位置名">文字</A>・・・ここから

 <A name="位置名">文字</A>・・・ここに移動

  一つのページが長い時などに、 同じページ内の位置に名前を付けておいて、 そこにリンクする事ができます。
  と言うことでサンプルは下の方へ。 下の方からこのページの上に移動出来るようにしてあります。
 

 

 他のページの特定の位置

 <A href="URL#位置名">文字</A>・・・ここから

 <A name="位置名">文字</A>・・・ここに移動

 他のページにリンクする場合、 位置に名前を付けて置いたりしてその位置に移動する事が出来ます
 サンプルはトップページにリンクしています。
 

 

 

 

 

 

 

 

 

 サンプル  同じページの特定の位置にリンク

 

 サンプル  他のページの特定の位置にリンク

 

Home