1−1.文字(サイズ・色・・・)

(補足)
いろいろ、付け加えて使ってね。
(注1)普通のサイズを変える。(font)は、1〜7での指定になります。また、細かく(style=)を使った方は、無限に(1〜∞)指定出来ます。
(注2)divをpに変える事も出来ます。ちなみに、pにすると、文字の上下が一行ずつ空きます。(上下に改行タグ<br>が入ったのと同じ様な状態になります)
(注3)100%を指定すると、指定しない場合と同じ間隔になります。100%以上を指定すると、間隔が広く、以下だと狭くなります。「%」を「px」に変える事も出来ます。
(注4)<font size="数字 title="説明の文字">文字</font>の様に title="説明の文字" 部分を他のタグに付け加える事で、他のタグでも説明文字を出す事が出来ます。


赤い文字の部分を変更してコピー貼り付けで使ってね!
文章の改行<br>
文章の改行を禁止<nobr>文章</nobr>
文字のサイズを変える(注1)<font size="数字">文字</font>
文字のサイズを細かく変える(注1)<font style="font-size:数字">文字</font>
文字の色を変える<font color="#カラーコード">文字</font>
応用編(色&サイズ)(注1)<font color="#" size="数字">文字</font>
応用編(色&サイズ&書体)(注1)<font color="#" size="数字" face="書体">文字</font>
細かくの応用編(色&サイズ&書体)(注1)<font style="color:#;font-size:数字;font-family:書体">文字</font>
上付き文字<sup>文字</sup>
下付き文字<sub>文字</sub>
文字もじにルビを付ける<ruby>文字<rt>ルビ</ruby>
太文字<b>文字</b>
斜体文字<i>文字</i>
取消し文字<s>文字</s>
下線付き文字<u>文字</u>
上線付き文字
(注2)
<div style="text-decoration:overline">文字</div>
文字を左に寄せる(注2)<div align="left">文字</div>
文字を右に寄せる(注2)<div align="right">文字</div>
文字を真ん中に寄せる(注2)<div align="center">文字</div>
文字を真ん中に寄せる<center>文字</center>
行間隔を指定する(注2.3)<div style="line-height:数字%">文字</div>
文字の上側に余白を入れる<div style="margin-top:数字px">文字</div>
文字の下側に余白を入れる<div style="margin-bottom:数字px">文字</div>
文字の左側に余白を入れる<div style="margin-left:数字px">文字</div>
文字の右側に余白を入れる<div style="margin-right:数字px">文字</div>
文字の上にカーソルを乗せると説明文字が出る(注4)<span title="説明の文字">文字</span>



HTMLタグに戻る