2019年7月29日月曜日

<img>画像表示

こんばんは、燃えPaPaです。

きれいなウェブサイトを作る際など、画像掲載はもう必須と言ってもよいですよね。
そんな際、htmlで画像を表示するには、
<img>タグを使います。

使い方は簡単で、
<img src="画像のファイルパス(相対でも絶対でも)" />
これだけで、指定箇所に画像を表示することができます。
また、この指定だけですとアップしてある画像の縦横サイズそのまま出てしまいますので、
<img src="画像のファイルパス" width="300" height="200" />
のように、
縦サイズ、横サイズを指定することができます(数字はピクセル単位)。
ただし、近年の、ソースコードでデザインを制御せず、
スタイルシートに任せる考え方では、あまりここでサイズを指定せず、
imgタグにクラスを当てたりして、スタイルシートでサイズを決める方が主流となっています。
まだあまりサイト作成技術に詳しくなく、
タグやhtmlファイルでほとんど決めたい方などにはこのオプションも必要かと。

燃えPaPa

0 件のコメント:

コメントを投稿