スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


スポンサー広告 | 【--------(--) --:--:--】 | Trackback(-) | Comments(-) | [編集]

画像の大きさを変更する方法

画像の大きさを変更したいことはよくあると思います。

ここでは画像の大きさを変更する方法を説明します。



通常の画像のタグは次のようになります。

<img src="画像ファイル名" alt="画像の説明テキスト" border="**"><br clear="all">


画像の大きさを変更する場合は次のように赤字のタグを追加します。。

<img src="画像ファイル名" alt="画像の説明テキスト" width="**" height="☆☆" border="**"><br clear="all">

width="**" height="☆☆"の width=はF幅でheight=高さのことです。**及び☆☆の部分はピクセル数または%を半角英数字で入力してください。

ピクセルとは画面の1つの点のことです。


この画像の大きさを変更してみましょう。(わかりやすくするために画像に枠線をいれてあります)

dance03<img src="画像ファイル名" alt="画像の説明テキスト" border="1"><br clear="all">



幅を100ピクセル、高さを200ピクセルと入力してみます。

dance03<img src="画像ファイル名" alt="画像の説明テキスト" width="100" height="200" border="1"><br clear="all">



幅を150ピクセル、高さを100ピクセルにしてみます。

dance03<img src="画像ファイル名" alt="画像の説明テキスト" width="150" height="100" border="1"><br clear="all">




次はピクセルではなく、%で入力してみましょう。
%で入力する場合は、width="**%" height="☆☆%"このように数字のあとに半角英数字の%を入力します。

幅、高さ、ともに10%と入力してみます。

dance03<img src="画像ファイル名" alt="画像の説明テキスト" width="10%" height="10%" border="1"><br clear="all">



%で入力する場合は、10%と入力しても最初に表示された画像の10分の1の画像となるわけではないので注意が必要ですね。

縦、横ともに同じように表示する場合は、width="**%" height="☆☆%"width="**%"だけで表示することができますよ。

例えば先ほどのように縦、横、10%とする場合は次のように入力すればいいわけです。

dance03<img src="画像ファイル名" alt="画像の説明テキスト" width="10%" border="1"><br clear="all">



画像のサイズをいろいろ変更できると、貼り付ける位置を選ばなくなるなどのメリットも多いので是非試してみてください。



ブログランキング



スポンサーサイト


タグ | 【2007-08-02(Thu) 17:47:02】 | Trackback:(0) | Comments:(0) | [編集]
コメント
コメントの投稿


管理者にだけ表示を許可する

トラックバック

この記事にトラックバックする(FC2ブログユーザー)


Copyright © アフィリエイトしましょ!!! All Rights Reserved. Powered By FC2. 
skin:*cuteblog*   
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。