文字を装飾する

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が斜体になっている（と思う）けど、表示が異なる場合アリです。

文字の大きさを指定

<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>

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

• <span style="color:red;font-size:xx-small;text-decoration:underline;">xx-small</span>
• <span style="color:white;font-size:x-small;background-color:orange;">x-small</span>
• <span style="color:blue;font-size:smallborder:dashed 1px green;">small</span>
• <span style="color:#000000;font-size:medium;border-color:#99CC99;border-style:solid;border-width:1px 1px 10px 1px;">medium</span>
• <span style="color:#666666;font-size:large;">large</span>
• <span style="color:#CCCCCC;font-size:x-large;">x-large</span>
• <span style="color:#FFFFFF;font-size:xx-large;">xx-large</span>

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

• <p style="border:double thin pink;padding:0.2em;color:black;">文字</p>

• <div style="background-color:#FF0066;padding:0.5em;color:#FFFFFF;">文字</div>