リンク |
〆 他サイトへのリンク(テキスト)
<a href="http://~", "filename.html">リンク文字</a>
<a href="http:// ~ "> 他サイトへのリンク </a> |
National Geographicへのリンク
|
〆 他サイトへのリンク(画像)
<a href="~"><img src="リンク画像"></a>
<a href="リンク先アドレス/ファイル名"> |
||
<!-- 外枠なしにします --> <a href="http:// ~ "> <img src="~" style="border:0"> </a> |
〆 他サイトの新しいページでのリンク
<a href="~" target="_blank"~</a>
<a href="~" target="_blank">
世界遺産への新ページでのリンク
</a>
|
世界遺産への新ページでのリンク
|
〆 同じページの別の場所へのリンク
<a name="マーカー名"></a> から
<a href="#マーカー名">
~ </a>へリンクする。
<a name="link"></a> ~ ~ <a href="#link"> マーカーのところに移動 </a> |
マーカーのところ(リンク)に移動 |
〆 他サイトの特定の場所へのリンク
<a name="マーカー名"></a> から
<a href="ファイル名#マーカー名">
~ </a>へリンクする。
@main.html
<html><head></head>
<body>
<a name="link"></a>
~
~
</body>
</html>
|
||
@sub.html
<html><head></head>
<body>
<a href="main.html#link">
マーカーのところに移動
</a>
</body>
</html>
|
マーカー(画像の外枠)に移動 |
〆 メール送信するリンク1 (宛先だけ設定します)
<a href="mailto:メールアドレス"> ~ </a>
<a href="mailto:aiueo@hotmail.com">
<img src="リンク画像">
</a>
|
〆 メール送信するリンク2 (題名と本文も設定します)
<a href="mailto:address?subject=XXXX&body=XXXX"> ~ </a>
<a href="mailto:~?subject=お薦め&body=こんなサイトどう?">
<img src="リンク画像">
</a>
|
〆 ファイルをダウンロードするリンク
<a href="./test.zip"> ~ </a>
<a href="./test.zip" target="_blank">
ここから</a>ダウンロードしてくさだい。
|
ここから ダウンロードしてくさだい。 |
〆 マウスオーバーした際のコメント(ツールチップ)を入れます
<a href="~" title="コメント"> ~ </a> ※<a> 以外の要素(divなど)にも利用できます
<a href="~" title="コメント">
<img src="画像ファイル名">
</a>
|
〆 リンクの色を指定します
<body link ="未アクセスの色"
vlink ="アクセス済の色"
alink ="クリック時の色"> ~ </body>
<body>に設定するので、ページ内のすべてのリンクに対して有効です
<html>
<head>
<title> title </title>
</head>
<body
link="未アクセスの色"
vlink="アクセス済の色"
alink="クリック時の色">
~
</body>
</html>
|
トップへ |
※スタイルシートを用いたほうがよいです。 こちらへ