2006/02/08(水)21:10
1枚の画像を使って表示する大きさを変更してみましょう
1枚の画像を使って表示する大きさを変更してみましょう
使う画像の大きさ 幅 480px 高さ 360px
ファイルサイズ 20KB
画像オプションに登録した画像のHTMLタグは下のように表示されます。
<IMG SRC="http://から始まる画像アドレス" width="480" height="360" alt="登録画像名">
幅( width ) と 高さ( height ) を変更してみましょう
幅と高さの比率を同じで縮小する例
( 1・2・3 とも同じ大きさ )
1 幅 と 高さ を指定 ( 数値指定によっては計算が面倒 )
左 幅 width="240" の場合 高さは height="180"
中央 幅 width="150" の場合 高さは height="113"
右 幅 width="100" の場合 高さは height="75"
2 幅 を指定 ( 高さは自動決定される )
左 幅 width="240" のみ指定
中央 幅 width="150" のみ指定
右 幅 width="100" のみ指定
3 高さ を指定 ( 幅は自動決定される )
左 高さ height="180" のみ指定
中央 高さ height="113" のみ指定
右 高さ height="75" のみ指定
幅と高さの比率を変えて縮小する例
左 幅 width="400" 高さ height="150" で変形
右 幅 width="100" 高さ height="150" で変形
人気blogランキング
HTMLタグ辞典第5版
スタイルシート辞典第3版