<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/1600x900/?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>

External CSS

  1. https://newcss.net/new.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.