<header>
  <h1>サンプルです</h1>
  <nav><a href="#">foo</a> / <a href="#">bar</a> / <a href="https://github.com/xz/new.css">GitHub</a>
  </nav>
</header>

<article>
  <h1>大見出しです</h1>
  <h2>見出しです</h2>
  <p>
    パラグラフ及び<strong>強調</strong>のサンプルです
  </p>
  <p>
    <img src="https://source.unsplash.com/500x400/?nature"><br>
    以下、リストのサンプルです
  </p>
  <ul>
    <li>リスト01</li>
    <li>リスト02</li>
    <li>リスト03</li>
  </ul>
  <blockquote>
    引用のサンプルです
  </blockquote>

  <table>
    <tr>
      <td>名前</td>
      <td>権兵衛</td>
    </tr>
    <tr>
      <td>年齢</td>
      <td>35歳</td>
    </tr>
    <tr>
      <td>性別</td>
      <td>男性</td>
    </tr>
    <tr>
      <td>誕生日</td>
      <td>1050年2月3日</td>
    </tr>
  </table>

  <form>
    <fieldset>
      <legend>フォームのサンプルです</legend>
      <label for="name">名前</label>
      <input id="name" name="name" type="text" />
      <label for="age">年齢</label>
      <input id="age" name="age" type="text" />
      <button type="submit">送信</button>
    </fieldset>
  </form>
</article>
<aside>
  <h3>小見出しです</h3>
  <ol>
    <li><a href="#">リスト01</a></li>
    <li><a href="#">リスト02</a></li>
    <li><a href="#">リスト03</a></li>
  </ol>

</aside>

/*add cdn*/