【HTML】ブログ記事に見出しを付ける方法

ブログ記事内の見出しを表示するHTMLコードをいつも忘れてしまうので備忘録として残しておく。

参考にさせて頂いたサイト:やさしいブログの作り方
当サイトより遥かに分かりやすいのでこちらを参考する事をお勧め致します。


下記のHTMLコードでブログ記事に簡単に見出しを作る事ができる。

見出しの表題A
<div style="margin:8px 0; padding: 3px 8px;background:#3b3b3b; color:#ffffff;">見出しの表題A</div>
見出しの表題B
<div style="margin:8px 0; padding: 3px 8px;background:#8b4f2c; color:#ffffff;">見出しの表題B</div>
見出しの表題C
<div style="margin:8px 0; padding: 3px 8px;background:#00009b; color:#ffffff;">見出しの表題C</div>