リンクのタグ

♪ HTMLファイルを作ってみよう

■ リンクの色を指定する

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
<title>HPのタイトルを入れる</title>
</head>
<body bgcolor="色指定" text="色指定" link="色指定" alink="色指定" vlink="色指定">

この場所に、リンクの指定をしてください。

</body>
</html>

bgcolor="色指定"	背景色の指定になります
text="色指定"	文字色の指定になります
link="色指定"	通常のリンク文字の色
alink="色指定"	マウスでクリックした時のリンク文字の色
vlink="色指定"	訪問済みリンク文字の色

■ リンクタグのソース

リンク先のアドレスは、ファイル名を入れてください。
たとえばa.htmlからb.htmlにリンクする場合のリンク先のアドレスはb.htmlになります。
掲示板とかブログなんかはアドレスを入れます。

文字でリンクします

<a href="リンク先のアドレス">文字</a>

画像でリンクします

<a href="リンク先のアドレス"><img src="画像ファイルの名前" border="0"></a>

フレームを解除して、リンク先のページをウィンドウ全体に表示します(文字の場合)

<a href="リンク先アドレス" target="_top">文字</a>

フレームを解除して、リンク先のページをウィンドウ全体に表示します(画像の場合)

<a href="リンク先アドレス" target="_top"><img src="画像ファイルの名前" border="0"></a>

新しいウィンドウを開いて、リンク先のページをそのウィンドウに表示します(文字の場合)

<a href="リンク先アドレス" target="_blank">文字</a>

新しいウィンドウを開いて、リンク先のページをそのウィンドウに表示します(画像の場合)

<a href="リンク先アドレス" target="_blank"><img src="画像ファイルの名前" border="0"></a>

画像にマウスを乗せると画像を変えてリンクします

<a href="リンク先アドレス"><img src="最初の画像名" border="0" onmouseover="this .src='マウスを乗せたときの画像名'"onmouseout="this .src='最初の画像名'"></a>

リンク文字にマウスを乗せたとき説明を表示します

<a href="リンク先アドレス" target="_blank" title="説明">文字</a>

文字をクリックで、メール画面を出します

<a href="mailto:メールアドレス">文字</a>

画像をクリックで、メール画面を出します

<a href="mailto:メールアドレス"><img src="画像ファイルの名前" border="0"></a>

同じページ内でのリンクの場合、文字を変更して、ページの上段でリンクします
タイトル部分を同じに指定すれば、下に指定したname="タイトル"部分が開きます

<a href="#タイトル">文字</a>

同じページ内の、表示したい場所に下のを入れてください

<a name="タイトル">

スポンサードリンク

玄関に戻るよ