point 他のサイトにリンクする

<a href="URL(アドレス)">テキスト</a>

他のサイトに、テキストを使ってリンクするには<a href="URL(アドレス)">テキスト</a>というように記入します。リンクするための<a>タグを使って、値にリンクしたいサイトのアドレスを、http://からすべて正しく記入し、リンクを設定させたいテキストをこのタグで囲みます。

リンクを設定すると、標準の設定では文字の色が青色になりアンダーラインが引かれます。それと、target属性をつけて値に _blank を指定すると、新しいウィンドウが開いて、そこにリンク先の内容を表示する事も出来ます。

サンプル - Microsoft Internet Explorer

HTML
<a href="http://masaboo.cside.com/">Webページ作りのお勉強</a>

<a href="http://www.yahoo.co.jp/" target="_blank">yahoo</a>

point 他のサイトにリンクする(画像)

<a href="URL(アドレス)"><img src="URL(画像のアドレス)"></a>

画像を使ったリンクを貼りたい場合は <img src="URL(画像のアドレス)">で画像を指定し、これをテキストにリンクを貼る時と同じように、<a href="〜">〜 </a>で囲みます。

画像にリンクを貼った場合、古いブラウザでは画像の周りに枠が表示されますが、<img>タグにborder属性をつけて値に0を指定すれば、枠を表示させないことができます。

サンプル - Microsoft Internet Explorer

HTML
<a href="http://sozaiwing.com/">
<img src="wing.gif">
<a>

<a href="http://sozaiwing.com/">
<img src="wing.gif" border="0">
<a>

 

スポンサード・リンク