画像のサイズを変更する方法

どうも、こんにちは。 ぜんです。

もうね最近寒いですね。

冷えび~えです。

 

html タグの項目もう少し続きます。

 

さて今日は画像でいきますよ~。
今日は画像の大き
さの変更方法についてです。

 

なんとなく適当にやっておけばどうにかなりそうなことですが、
基本的なことをしっかり身に付けることこそ大切だと思い、
今回お伝えしようと思います。

 

なにかしらつまづく原因は 基礎的知識や理解が
不足していることが多いですからね。
では本日のゲストの登場していただきましょう。

 

 

 

 

 

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

 

 

<img src="画像URL" />

 

 

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

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

 

 

 

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

 

では次に画像のサイズの変更の仕方ですが、

サイズを指定するときには次のように width と height を使います。

 

<img src="http://levelup-affiliate.com/wp-content/uploads/0190631.jpg"

width=180 height=120>

 

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

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

 

 

 

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

 

 

 %表示を使います。(ブラウザに対する比率を表します)

 

 

 

<img src="http://levelup-affiliate.com/wp-content/uploads/0190631.jpg"

width=50% height=50%>

 

 

まとめ

 

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

 width height を変更する

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

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

 

 

 

 

 

本日もご訪問ありがとうございました~。

タグ


2012年2月13日 | コメント/トラックバック(4)|

カテゴリー:html タグ

このページの先頭へ