ホームページ作成講座中級　STEP02

■画像にリンクを張る。

画像を使ったリンクボタンを作ってみましょう。

HTML

ブラウザでの表示

<HTML>
<HEAD>
<TITLE>初めてのホームページ</TITLE>
</HEAD>
<body background="file:../back2/sakura.gif">
<BODY>
<H1>Welcome to My HomePage</H1>
<HR>
<BR>
初めてのホームページです。
<BR>
<a href="Profile.htm">
<img SRC="file:///hoshinomade/KsProfB.gif" ALT="Profile">
</a>
</BODY> 　
</HTML>

Welcome to My HomePage

初めてのホームページです。

・解説

<a href="リンク先">
<img SRC="画像ファイル名" ALT="代わりの文字列">
</a> リンク先はHTMLファイルです。
画像ファイル名は場所も指定します。
代わりの文字列は画像が表示されないとき、代わりに表示されます。

画像のリンクボタンを使ったらカッコ良くなったでしょ？。