画像を貼り付けよう

画像を用意しよう

画像を用意する方法に関しては「とほほの画像入門」で説明していますので、そちらを参照してください。

画像をページに貼りつけるには <img> タグを用います。src属性には画像ファイル名、width と height には画像のサイズを指定します。alt属性には、画像を表示できないブラウザで、画像の代わりに表示される文字を指定します。

HTML

<img src="paso02.gif" width="58" height="40" alt="パソコン">

表示

width や height は省略することも可能ですが、指定しない場合は画像が読み込まれるたびにレイアウトが再計算され、ページを表示した際の体感速度が遅くなります。サイズが分らない場合は、画像を右クリックして [新しいタブで画像を開く] を行うと、タブにサイズが表示されます。

画像ファイルをリンクボタンにすることもできます。

HTML

<a href="https://www.tohoho-web.com/"><img src="tohoho.gif" width=88 height=31 alt="とほほのWWW入門"></a>

初版：1997年3月30日、最終更新：2024年11月17日

http://www.tohoho-web.com/wwwbeg6.htm