<img src="image/pic1.jpg">
のように記述すれば、ページ中に画像を表示させることもできます。
上に書いた内容を書いてみると、このようになります。
これはPic1.jpgです。画像の大きさを指定してみましょう。
幅100ドット、高さ50ドットと指定縦横をウィンドウサイズの30％と指定画像に枠を設定テキストが真ん中に表示されます。このようにすると複数の行を画像の右側に
置くことができます
（１）リンク先としての画像の参照
たとえば、ここに画像がありますとして、
文字にリンクを設定して、リンク先に画像ファイルを指定する方法です。
（２）ページ中に他のコンテンツと共に表示する
<img src="image/pic1.jpg">
のように記述すれば、ページ中に画像を表示させることもできます。
上に書いた内容を書いてみると、このようになります。
これはPic1.jpgです。
画像の大きさを指定してみましょう。
幅100ドット、高さ50ドットと指定
縦横をウィンドウサイズの30％と指定
画像に枠を設定
テキストが真ん中に表示されます。
このようにすると
複数の行を画像の右側に
置くことができます
（３）画像をページ中に表示すると共に、画像にリンクを張る場合
テキストに対してリンクを張る場合と同じように、<a>タグを使用します。
たとえば、
次は桜
のように、リンクを張ることができます。
（４）1つの画像に対して、複数のリンクを張る場合
このような場合は、画像に対してイメージマップの定義を行うことで
実現できます。
たとえば、下のような画像に対して、定義をしてみましょう。
（どのような定義をしているかは、ソースを表示させてみてください。）
ここで、色の着いた領域にマウスのカーソルを持っていき、
左ボタンをクリックしてみてください。