画像を貼り付けよう

トップ > Webページ作成入門 > 画像を貼り付けよう

目次

画像を用意しよう

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

画像をページに貼りつけよう

画像をページに貼りつけるには <img> タグを用います。

HTML
<img src="panda.gif" width=100 height=100 alt="パンダ">

src属性には画像ファイル名、width と height には画像のサイズを指定します。alt属性には、画像を表示できないブラウザで、画像の代わりに表示される文字を指定します。

画像のサイズを調べよう

width や height は省略することも可能ですが、指定しておいた方が表示の体感速度が速くなります。サイズが分らない場合は、下記のようにして調べることができます。

  1. 画像ファイルを Google Chrome にドラッグ&ドロップし、タブに表示されるサイズを読み取る。
  2. 画像ファイルをマウスで右クリックし [プログラムから開く]→[ペイント] で開き、下部のステータスバーに表示されるサイズを読み取る。
  3. Windows 10 の場合、エクスプローラーで画像を表示し、[表示]→[コンテンツ] で表示されるサイズを読み取る。

画像をリンクボタンにしちゃおう

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

HTML
<a href="xx.htm"><img src="xx.gif" width=88 height=31 alt="説明"></a>
説明

Copyright (C) 1997-2016 杜甫々
初版:1997年3月30日、最終更新:2016年5月1日
http://www.tohoho-web.com/wwwbeg6.htm