初心者も簡単HTMLタグ講座(応用編)

自サイトの別ページへリンクする
<a href="ファイル名">ここに文字を入れる</a>

<a href="index.htm">HOME</a>
HOME
トップページへジャンプします。
別サイトのページへリンクする
<a href="http://www.○○○○.com/">サイト名</a>
同じページで別の場所にジャンプさせる
<a href="aaa.htm#bbb">bbbの地点にジャンプ</a>
ジャンプさせたい場所に<a name="bbb">目的地</a>
新しいウインドでリンク先を表示する
<a href="ファイル名" target="_blank">文字</a>
target="_blank"を挿入する事で新しいページにリンク先を表示します。
リンク文字にオンマウスで文字を表示させる
<A href="index.htm" title="トップページへ戻る">HOME</A>
title="ここに表示させたい文字"を埋め込む事で表示されます。
HOME
画像にリンクをはる
<A href="ファイル名"><IMG src="画像ファイル名" width="画像の幅" height="画像の高さ" border="枠の太さ"></A>
ファイル名はリンク先のファイル名(htt://から始まる別サイトでも可)画像ファイル名はそのままの意味。widthは画像の横幅をピクセルで指定。heightは画像の高さをピクセルで指定。borderは画像を取り囲む枠の太さをピクセルで指定します。

<a href="index.htm"><IMG src="01.gif" width="53" height="53" border="0"></a>

元の画像の大きさが30×30ピクセルであっても、ここで指定されたサイズに変更されます。
画像にオンマウスで文字を表示させる
<a href="index.htm"><IMG src="01.gif" width="53" height="53" border="0" alt="こんな感じで表示されます"></a>
こんな感じで表示されます
メールリンクさせる
<a href="mailto:メールアドレス">ここに文字を入れる</a>

<a href="mailto:kaoru@kaze-pro.com">メール</a>
メール
メールリンクに件名を入れておく
<a href="mailto:kaoru@kaze-pro.com?Subject=質問">メール</a>

HOME BACK
パソコン初心者講座ぱそおーる