(補足)
いろいろ、付け加えて使ってね。
(注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> |