質問：タグを教えてほしい

以下は一般的によく使われる簡単なタグの記述方法と実際に表示される内容です。

・HTMLタグ

<font color="#FF0000">赤</font>
赤

<font color="#00FF00">緑</font>
緑

<font color="#0000FF">青</font>
青

<font size="7">かなり大きい</font>
かなり大きい

<font size="1">かなり小さい</font>
かなり小さい

<big>大きい</big>
大きい

<small>小さい</small>
小さい

<b>太文字</b>
太文字

<i>斜体</i>
斜体

<u>下線</u>
下線

<s>打消し線</s>
打消し線

<center>中央寄せ</center>
中央寄せ

<div align="right">右寄せ</div>

<marquee>スクロール</marquee>
スクロール

<a href="サイトURL">サイト名</a>
サイト名

<img src="画像URL">

<hr>

---

<br>
改行

<ruby>ルビ<rt>るび</rt></ruby>
ルビるび

<mark>ハイライト</mark>
ハイライト

・CSS(スタイルシート)

HTMLタグより扱いが難しいですが、文字装飾で使えるCSSを厳選して紹介します。

<span style="background-color:#F00">背景赤</span>
背景赤

<span style="background:linear-gradient(transparent 70%, #FF0 30%)">マーカー線</span>
マーカー線

<span style="filter:blur(.15em)">ぼかした文字</span>
ぼかした文字

<span style="letter-spacing:.1em">文字間を広げる</span>
文字間を広げる

<span style="text-shadow:.15em .15em .1em #777">濃い影</span>
濃い影

<span style="text-shadow:.3em .3em .2em #777">薄い影</span>
薄い影

<span style="color:#FFF; font-size:2em;-webkit-text-stroke:1px #000">縁取り</span>
縁取り

<span style="background:linear-gradient(45deg,#0F0, #00F);font-size:2em;-webkit-background-clip:text;-webkit-text-fill-color:transparent">グラデーション</span>
グラデーション

<div style="position:relative; top:.9em;height:2px; background:linear-gradient(90deg,#AAA,#FFF)"></div><span style="background:#FFF">区切線に重ね文字</span>
区切線に重ね文字

<div style="border:2px solid #000; border-radius:5px; padding:.6em"> <div style="margin-top:-1.5em"><span style="background:#FFF">お知らせ</span></div>文章</div>

・最後に

HTMLタグとCSSを紹介しましたが、本来はHTMLタグによる装飾は非推薦で、装飾は全てCSSで行うのが理想です。サービス提供者はそれに従うべきですし、実際に当サービスは徹底的にCSSで装飾しています。

ただ、いちユーザー様がそれに従って難しいCSSを理解する必要は御座いません。仮に<font>などの装飾タグがブラウザ非対応になるにしても15年以上は未来の話でしょうし、今使えるものは使っていいと思います。興味を持った人だけがCSSを習得すればいいと思います。