リンクと小窓

リンクにもいろんな方法がありますが
一般的なタグを紹介します

＊<body>～</body>内に
★普通にリンクする　　サンプル
<a href="リンク先ＵＲＬ">テキスト名・文字など</a>
＊画像でリンクする場合は
　文字の部分に画像を貼り付けると出来ますよ

★新窓でリンクする　　サンプル
<a href="リンク先ＵＲＬ" target="_blank">テキスト名・文字など</a>

★小窓でリンクする　　
サンプル（小窓のサイズは300×200です）
<a href="#" onclick="window.open('URL','名前','width=横幅,height=縦幅');">テキスト名・文字など</a>

★同じページ内でリンク
サンプル
 <a href="#リンクの名前又は数字">リンクする名前</a>  <a name="リンクの名前又は文字">リンクされる名前・画像など</a>

★リンクの文字に関するあれこれ
＊<HEAD></HEAD>内に

◎リンクの文字の色
サンプルはこのページのサンプルの文字です
<style>  </style>
いろいろとアレンジしてみてください

◎リンクの下線を消す
サンプルはこのページです
<style type="text/css">  </style>

◎リンクに触れると文字がへこむ
サンプルのメニューのところです
<STYLE>a:hover {position:relative;top:上から動く幅px;left:左から動く幅px;}</style>

◎リンクに触れると背景色
サンプルはこのページの右のメニューです
<style type="text/css"> </style>

★リンク先の説明文
＊<body>～</body>内に
◎リンクに触れると説明文が出る
サンプル
<A href="リンクアドレス" title="説明">ここに文字。</A>
＊リンクの説明文を改行することが出来ます
その場合は　 を説明文の間に入れると
改行できます　　サンプル

◎リンクに触れると横に説明文
サンプルページに飛んでみてください

＊<HEAD></HEAD>内に
<STYLE type=text/css>  </STYLE>
＊<body>～</body>内に
<A href="リンク先のＵＲＬ"><FONT color="文字の色">リンクさせたい文字</FONT>出てくる文字</A>

▲ＵＰ