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

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

もうね最近寒いですね。

冷えび~えです。

 

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 に %で
大きさを指定する。

 

 

 

 

 

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

このエントリーを含むはてなブックマーク Buzzurlにブックマーク livedoorクリップ Yahoo!ブックマークに登録

メルマガ発行中です。

ブログとは違う記事を書いている
ぜんメルマガ「ネットビジネス公園」

購読よろしくです!

メルマガ登録
メールアドレス
お名前
powered byメール配信CGI acmailer

あわせて読みたい関連記事

タグ


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

カテゴリー:html タグ

トラックバック&コメント

この投稿のトラックバックURL:

トラックバック

コメント

  1. おがっち☆ より:

    こんにちは
    おがっち☆ともうします
    サイズの変更はしらなかったので参考になりました^^
    今さら人に聞けなかったのでとてもためになりました☆
    ありがとうございますm(__)m

    • ぜん より:

      おがっちさん、こんにちは~。

      お役に立てたようで嬉しいです!

      基本的なことがわからならくて
      行き詰まってしまうことがありますからね。

      あとブログサービスによっては
      記事編集画面のところで
      画像のところをクリックして
      マウスで引き伸ばすこともできますよ。

      コメントありがとうございます。

  2.  
    ぜんさん☆
     
    こんにちは、ヤマオです^^
    ヤマオブログへのコメント感謝です!
     
    確かに今更聞けない事ってあります^^;
    記事にしておいてもらえると助かる内容ですね。
     
    最初は画像でよくつまずきましたから^^;
    ゲストのお姉さんがダイエットしたり
    リバウンドしてる・・・。
     
    ヤマオは50%のお姉さんが好みかな^^(爆)
     
    それでは
    今日も元気に応援『ポチッ』とね^^

    • ぜん より:

      ヤマオさん、こんにちは。

      どうやってるんだろうと
      思っていても聞けないことってありますよね。

      文字はとりあえず書けますが
      画像は少し難しいですよね。

      ポチっと応援ありがとうございます。


コメントをどうぞ

このページの先頭へ