| ♪ HTMLファイルを作ってみよう |
| ■ リンクの色を指定する |
この場所に、リンクの指定をしてください。
</body>| bgcolor="色指定" | 背景色の指定になります |
| text="色指定" | 文字色の指定になります |
| link="色指定" | 通常のリンク文字の色 |
| alink="色指定" | マウスでクリックした時のリンク文字の色 |
| vlink="色指定" | 訪問済みリンク文字の色 |
| ■ リンクタグのソース |
| 文字でリンクします |
| <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="タイトル"> |