文字を装飾する

fontタグ

fontタグで文字の大きさを指定
<font size="1">font</font>
<font size="2">font</font>
<font size="3">font</font>
……7まで
<font size="-1">font</font>
<font size="-2">font</font>
<font size="-3">font</font>
……-7まで
<font size="+1">font</font>
<font size="+2">font</font>
<font size="+3">font</font>
……+7まで
fontタグで文字色を指定
<font color="red">red</font>
<font color="onrage">orange</font>
<font color="yellow">yellow</font>
<font color="green">green</font>
<font color="blue">blue</font>
<font color="purple">purple</font>
<font color="pink">pink</font>
<font color="#FF0000">#FF0000</font>
<font color="#FFA541">#FFA541</font>
<font color="#FFFF00">#FFFF00</font>
<font color="#008000">#008000</font>
<font color="#0000FF">#0000FF</font>
<font color="#660066">#660066</font>
<font color="#FFC0DD">#FFC0DD</font>

その他
<b>太字</a>
<i>斜体</i>
<s>取り消し線</s>
<strong>強調</strong> <em>強調</em>
↑ではstrongが太字、emが斜体になっている(と思う)けど、表示が異なる場合アリです。

CSSで指定

文字の大きさを指定
<span style="font-size:xx-large;">xx-large</span>
<span style="font-size:x-large;">x-large</span>
<span style="font-size:large;">large</span>
<span style="font-size:medium;">medium</span>
<span style="font-size:small;">small</span>
<span style="font-size:x-small;">x-small</span>
<span style="font-size:x-small;">xx-small</span>
<span style="font-size:12pt;">12ポイント</span>
<span style="font-size:10pt;">10ポイント</span>
<span style="font-size:200%;">200%</span>
<span style="font-size:100%;">100%</span>
文字色を指定
<span style="color: #000000;">#000000</span>
<span style="color: #666666;">#333333</span>
<span style="color: #666666;">#666666</span>
<span style="color: #999999;">#999999</span>
<span style="color: #CCCCCC;">#CCCCCC</span>
<span style="color:pink;">pink</span>
<span style="color:purple;">purple</span>
<span style="color:red;">red</span>
<span style="color:blue;">blue</span>
<span style="color:green;">green</span>
<span style="color:yellow;">yellow</span>
<span style="color:orange;">orange</span>
<span style="color:black;font-size:large;">black+large</span>
<span style="color:brown;font-size:150%;">brown+150%</span>

その他
<span style="font-weight:bold;">太字</span>
<span style="font-weight:normal;">標準</span>
<span style="font-style:italic;">斜体</span>
<span style="text-decoration:line-through;">取り消し線</span>
<strong style="color:pink;font-size:150%;">強調(pink+150%)</strong>

背景色やラインを指定する・インライン要素


背景色やラインを指定する・ブロック要素