2021年7月27日 / 最終更新日時 : 2022年9月3日 beginners5_wp html5

使用頻度の高い要素（タグ）

h1～h6要素－見出し（heading）

最も主要な見出しはh1要素数字が大きくなるにつれ重要度は低くなります。

    <h1>h1要素</h1>
    <h2>h2要素</h2>
    <h3>h3要素</h3>
    <h4>h4要素</h4>
    <h5>h5要素</h5>
    <h6>h6要素</h6>

p要素－段落（paragraph）

要素間の上下に余白ができます。

    <p>p要素は段落です。</p>
    <p>要素間の上下に余白ができます。</p>

1 2	<p>p要素は段落です。</p> <p>要素間の上下に余白ができます。</p>

img要素は画像を表示する時に使用します。
src属性に画像のファイル名を指定します。

<img src="http://beginners.atompro.net/images/exp/ico005.gif" alt="郵便ポスト">

1	<img src="http://beginners.atompro.net/images/exp/ico005.gif" alt="郵便ポスト">

ul要素は箇条書きを作成する時に使用します。

    <ul>
      
    </ul>

<ul>

</ul>

    <ol>

    </ol>

<ol>

</ol>

    <ul>
      <li>箇条書きリストにも</li>
      <li>番号付きリストにも使用します</li>
    </ul>
    <ol>
      <li>箇条書きリストにも</li>
      <li>番号付きリストにも使用します</li>
    </ol>

<ul>

<li>箇条書きリストにも</li>

<li>番号付きリストにも使用します</li>

</ul>

<ol>

<li>箇条書きリストにも</li>

<li>番号付きリストにも使用します</li>

</ol>

    <ol>

    </ol>

<ol>

</ol>

これらを使って作成したサンプルは次のように表示されます。
表示サンプル