htmlタグ画像の大きさを変える方法
ｈｔｍｌタグで画像の大きさを変える方法について。
なんとなく適当にやっていても
なんとかなりますが、一応復習できるようにまとめておきます。
ではバッタちゃんに登場していただきます。
ジャーン！
画像を使うには次の 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 に ％で大きさを指定する。
最後まで読んでいただき
ありがとうございました。
htmlタグ 文字の大きさを変える方法
文字の大きさを変える方法ついて。
こんにちは、ぜんです。
今日はhtmlタグを使って
文字の大きさを変える方法について
書いていきますね。
なんだそんな基本的なことかよって
思われるかもしれませんが、
このテーマで
検索エンジンからアクセスが
たびたび来ているので、
基本的ことからしっかり
押さえていただきたいと思います。
文字の大きさを変えるには
おおよそ３つの方法があります。
探せばもっとあるでしょうが、
数を知れば良いってもんでもないので。
１ アルファベットを使って変える
２ 数字を使って変える
３ px単位を使う
アルファベットを利用して変える
下記のアルファベットを利用して変えます。
FC2ブログの高機能テキストエディタなどはこの形式ですね。
| medium | 標準 |
| xx-large | 超特大 … 最も大きいサイズ |
| x-large | 特大 |
| large | 大 |
| small | 小 |
| x-small | 極小 |
| xx-small | 超極小… 最も小さいサイズ |
<span style="font-size: large">サイズ</span>
この黄色のところに上記のアルファベットを入れます。
xx-small サイズ
x-small サイズ
small lサイズ
medium サイズ
large サイズ
x-large サイズ
xx-large サイズ
数字を使う
<font size="数値">文字サイズ</font>
数値のところに１～７の数字を入れます。
1 文字サイズ
2 文字サイズ
3 文字サイズ
4 文字サイズ
5 文字サイズ
6 文字サイズ
7 文字サイズ
px 単位を使う
px ピクセルという単位を使っても
文字の大きを変えることができます。
<span style="font-size:16px;">文字サイズ</span>
px の前の黄色いところに数字を入れてみましょう。
10 文字サイズ
11 文字サイズ
12 文字サイズ
14 文字サイズ
16 文字サイズ
32 文字サイズ
こんな風に文字の大きさを変えるのにも
いろんなやり方があります。
テキストエディタやツールを使ってできたりしますが、
細かい編集をする時のために知っておきましょう。
最後まで読んでいただき
ありがとうございました。
