ものぐさ父さんの子育て

CSS の設定確認

以下の HTML は、どんな CSS が設定されていて、ブログ上でどんな風に表示されるのかを簡単にチェックするために主なタグを記述したものです。よく知りません。

<b>h1～h6</b>
<h1>h1タグの表示</h1>
<h2>h2タグの表示</h2>
<h3>h3タグの表示</h3>
<h4>h4タグの表示</h4>
<h5>h5タグの表示</h5>
<h6>h6タグの表示</h6>

<hr>
<b>テーブル</b>
<table width=80% border="1">
    <tr>
    <td>
        列１の内容
    </td>
    <td>
        列2の内容
    </td>
    <td>
        列3の内容
    </td>
    </tr>
</table>

<hr>

<ul>
    <li>リスト１
    <li>リスト２
    <li>リスト３
    <li>リスト４
</ul>

<hr>

<blockquote>
    引用文の表示
</blockquote>

上記の HTML は、以下のように表示されます。

h1～h6