<header>
	<nav>
		<a href="#">ロゴテスト</a>
		<ul>
			<li><a href="javascript:void(0)">ナビ1　navの中のli</a></li>
			<li><a href="javascript:void(0)">ナビ2</a></li>
			<li><a href="javascript:void(0)">ナビ3</a></li>
			<li><a href="javascript:void(0)">ナビ4</a></li>
			<li><a href="javascript:void(0)">ナビ3</a></li>
			<li><a href="javascript:void(0)">ナビ4</a></li>
		</ul>
	</nav>
	<h1>MVPCSSを試してみました！　headerタグの中のh1です。</h1>
</header>

<hr>

<main>

<article>
	<header><h2>テーブル</h2></header>
	<p>
		<strong>pタグです。</strong>ここは説明文をいれるここは説明文をいれる。ここは説明文をいれるここは説明文をいれる。<br />
		ここは説明文をいれるここは説明文をいれる。ここは説明文をいれる。
	</p>
	<p>
		<a href="#"><i>aタグの中にiタグ</i></a>
		<a href="#"><strong>すとろんぐaタグ</strong></a>
	</p>
	
	<p>
		<aside><p>補足的な内容</p></aside>
	</p>
	
	<section>
		<header><h3>h3タイトルです</h3></header>
		<table>
			<thead>
				<tr>
					<th>行のたいとる</th>
					<th>行のたいとる</th>
					<th>行のたいとる</th>
				</tr>
			</thead>
			<tbody>
				<tr>
					<td>ないよう</td>
					<td>ないよう</td>
					<td>ないよう</td>
				</tr>
				<tr>
					<td>ないよう</td>
					<td>ないよう</td>
					<td>ないよう</td>
				</tr>
			</tbody>
		</table>
	</section>
	
</article>

<hr>

<section>
	<header>
		<h2>リスト</h2>
		<p>ちょっとしたせつめい文</p>
	</header>
	<section>
		<div>
		<h3>ulリスト</h3>
		<ul>
			<li>あれと</li>
			<li>これと</li>
			<li>それと</li>
			<li>どれと？</li>
		</ul>
		</div>
		<div>
		<h3>olリスト</h3>
		<ol>
			<li>あれと</li>
			<li>これと</li>
			<li>それと</li>
			<li>どれと？</li>
		</ol>
		</div>
	</section>
</section>

<hr>

<section>
	<header>
		<h2>フォームたち</h2>
		<p>資料がほしい人はここに入力するよ</p>
	</header>
	<form>
		<p> テストテキスト
		<input type="text" />
		</p>

		<p> テストテキストエリア
		<textarea></textarea>
		</p>
		<p>
			<label><input type="checkbox"> チェック1</label>
			<label><input type="checkbox"> チェック2</label>
			<label><input type="checkbox"> チェック3</label>
			<label><input type="checkbox"> チェック4</label>
			<label><input type="checkbox" disabled="disabled"> チェック5</label>
		</p>
		<p>
			<button type="button" disabled="disabled">disaボタンだよ</button>
			<button type="button">ボタンだよ</button>
			<button type="submit">submitだよ</button>
		</p>
	</form>
</section>

</main>