画像を貼り付けよう
トップ >
Webページ作成入門 >
画像を貼り付けよう
目次
画像を用意しよう
画像を用意する方法に関しては「とほほの画像入門」で説明していますので、そちらを参照してください。
画像をページに貼りつけよう
画像をページに貼りつけるには <img> タグを用います。
HTML
<img src="panda.gif" width=100 height=100 alt="パンダ">
src属性には画像ファイル名、width と height には画像のサイズを指定します。alt属性には、画像を表示できないブラウザで、画像の代わりに表示される文字を指定します。
画像のサイズを調べよう
width や height は省略することも可能ですが、指定しておいた方が表示の体感速度が速くなります。サイズが分らない場合は、下記のようにして調べることができます。
- 画像ファイルを Google Chrome にドラッグ&ドロップし、タブに表示されるサイズを読み取る。
- 画像ファイルをマウスで右クリックし [プログラムから開く]→[ペイント] で開き、下部のステータスバーに表示されるサイズを読み取る。
- 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