| HOME | MAIL | 本館：b-cures. | 別館：Template b |
 
PR ★高収入が可能！ＷＥＢデザインのプロになってみない？！

画像にリンクをはる

▼画像にリンクを貼る

リンクを貼りたい画像を<img src="画像のファイル名">で表示し、 <a href="他サイトのURL">と</a>で囲みます。

<a href="他サイトのURL"><img src="画像のファイル名"></a>

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://b-cures.com/"><img src="img/banner.gif"></a><br>
<a href="http://b-cures.com/"><img src="img/banner2.gif"></a>
</body>
</html>

リンクページを新しく開きたい場合は、<a>の中に"target="_blank"を入れます。border="0"で画像の縁取りを消します。

<html>
<head>
<title>
私のホームページ
</title>
</head>
<body text="#999999">
<h1>HP作成支援 </h1>
<font color="#FF0000" >HTMLを作成してみましょう</font><br>
HPを作ってみましょう<br>
<a href="http://b-cures.com/" "target="_blank"><img src="img/banner.gif" border="0" ></a><br>
<a href="http://b-cures.com/""target="_blank"><img src="img/banner2.gif" border="0"></a>
</body>
</html>

サンプルページ
(C)2006 html sample. All Rights Reserved.