|
|
ここでは、文字タグについて説明します。
文字タグは<body>と</body>の間に入れてください。
はじめに、文字のサイズを変えてみましょう。
下のように入力すると、文字のサイズを変更できます。
|
<font size="3">文字</font> | 文字 |
数字を変えれば、文字の大きさを自由に設定できます。
<font size="1">文字</font>
| 文字 | |
<font size="3">文字</font>
| 文字 |
<font size="5">文字</font>
| 文字 |
<font size="10">文字</font>
| 文字 |
ピクセルで指定することもできます。
<div style="font-size:1px;">文字</div>
| 文字 | |
<div style="font-size:10px;">文字</div>
| 文字 |
<div style="font-size:20px;">文字</div>
| 文字 |
<div style="font-size:50px;">文字</div>
| 文字 |
文字のスタイルを変更する場合
<font face="恋文ペン字">文字</font>
| 文字 | |
<font face="HG行書体">文字</font>
| 文字 |
<font face="HGS教科書体">文字</font>
| 文字 |
<font face="江戸勘亭流">文字</font>
| 文字 |
他にどんなスタイルがあるのか、試してみてください。
Wordを開いてどんなスタイルがあるのか調べてみましょう。
文字を斜めにします。
アンダーラインを引きます。
取り消し線を引きます
文字の背景に色を付けます
<font style="background-color:#00ff00;">文字</font>
| 文字 | |
文字に色を付けます。
<font color="#00ff00">文字</font>
| 文字 | |
これらのタグは組み合わせて使うことができます。
例えば、fontタグの中にサイズと、色、字体、を
書き込むことができます。
<font size="4" color="#00ff00" face="恋文ペン字">文字</font>
| 文字 | |
<font size="10" color="#0000ff" face="HG行書体" >文字</font>
|
文字 |
違う種類のタグを組み合わせる場合は、下のようにします。
| <i><font size="10">文字</font></i> | 文字 |
| <u><font face="HGS教科書体">文字</font></u> | 文字 |
文字を左や、中央、右に配置したいときは、
| <p align="left">文字</p> | 文字 |
| <p align="center">文字</p> | 文字 |
| <p align="right">文字</p> | 文字 |
ただし、このタグで中央に配置しても、
<p align="center">左端が<br>
整列されるわけではないので<br>
注意してください</p> | 左端が
整列されるわけではないので
注意してください |
<br>は強制改行です。
左端をそろえて中央に表示させる場合は、tableを使う必要があります。
詳しくは、tableタグをごらんください。 
トップページへ 画像タグへ
|
|
文字タグ