アフィリエイト

• ツイート
• 
• 

 

ｈｔｍｌタグで画像の大きさを変える方法について。

 

 なんとなく適当にやっていても
なんとかなりますが、一応復習できるようにまとめておきます。 

 

ではバッタちゃんに登場していただきます。

 

ジャーン！ 

 

 

 

 

 

画像を使うには次の　img　タグ　を使います。

 

 

<img src="画像URL" />

 

 

 

<img src=""/>の　”　　と　 "　の間に

http://～から始まる画像URLを入れます。

 

 

 

画像のサイズの変更の仕方

 

では次に画像のサイズの変更の仕方ですが、
サイズを指定するときには次のように　width　と　height　を使います。

 

 

例

<img src="http://zen-affiliate.com/wp-content/uploads/2013/06/P6140006.jpg"

width=180 height=120>

 

width　は横幅　height 　は縦幅を表します。

ここの数字を変えることで縦長にしたり横長にすることができます。

 

 

 

 

 

 

 

 

 

 

タテヨコを同じ比率で拡大、縮小したい場合には

 

 

 

　％表示を使います。（ブラウザに対する比率を表します）

 

 

 

<img src="http://zen-affiliate.com/wp-content/uploads/2013/06/P6140006.jpg"

width=50% height=50%>

 

 

まとめ

 

 

１　画像のタテヨコの比を変えたい場合

width　height を変更する

 

２　画像のタテヨコを同じ比率で表示したい場合

　
width 　height に　％で大きさを指定する。

 

最後まで読んでいただき
ありがとうございました。