| 装飾効果 | タグの種類 スタイルシート |
記述方法 実際の見え方 |
| 太文字 | strong |
<strong>文字を太文字にします</strong>
文字を太文字にします |
| 斜体 | em |
<em>文字を斜体にします</em>
文字を斜体にします |
| 上付き文字 | sup |
文字を<sup>上付き</sup>にします。 例）m<sup>2</sup> 文字を上付きにします。 例）m2 |
| 下付き文字 | sub |
文字を<sub>下付き</sub>にします。 例）2H<sub>2</sub>+O<sub>2</sub>→2H<sub>2</sub>O 文字を下付きにします。 例）2H2+O2→2H2O |
| 合わせ技 |
例）log<sub>2</sub>2<sup>3</sup>＝３
例）log223＝３ |
|
| 文字サイズ | font-size |
<span style="font-size:12px;">文字サイズを12pxにします</span> <span style="font-size:14px;">文字サイズを14pxにします</span> <span style="font-size:16px;">文字サイズを16pxにします</span> 文字サイズを12pxにします 文字サイズを14pxにします 文字サイズを16pxにします |
| 文字色 | color |
<span style="color:black;">文字色を黒にします</span> <span style="color:red;">文字色を赤にします</span> <span style="color:green;">文字色を緑にします</span> <span style="color:blue;">文字色を青にします</span> 文字色を黒にします 文字色を赤にします 文字色を緑にします 文字色を青にします |
| 下線 | underline |
<span style="text-decoration:underline;">文字に下線を引きます</span>
文字に下線を引きます |
| 合わせ技 |
<span style="font-size16px;color:blue;text-decoration:underline;">文字サイズは16pxで、色は青くして、下線を引きます</span>
文字サイズは16pxで、色は青くして、下線を引きます |
|