html 構文2

<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8">
		<title>base title</title>
	</head>
	<body>
		<header>
		</header>
		<main>
		</main>
		<footer>
		</footer>
	</body>
</html>

< link rel="stylesheet" href="css/style.css">
<script src="js/main.js"></script>
<fieldset>
	<legend>checkbox group（multselect）</legend>
	<label><input type="checkbox" />checkbox1</label>
	<label><input checked="checked" type="checkbox" />checkbox2</label>
	<label><input type="checkbox" />checkbox2</label>
</fieldset>
<label>名前<input type="text" placeholder="test" /></label>
<label for="selectfood">好きな食べ物</label>
<select id="selectfood" name="">
	<option value="">すし</option>
	<option selected="selected" value="">ラーメン</option>
	<option value="">焼肉</option>
</select>
#selectfood{
 font-size: 15px;
}

<ul>
	<li>list1</li>
	<li>list2</li>
	<li>list3</li>
</ul>
<ol>
	<li>list4</li>
	<li>list5</li>
	<li>list6</li>
</ol>
<dl>
	<dt>A1</dt>
	<dd>A2</dd>
	<dt>B1</dt>
	<dd>B2</dd>
</dl>
<section>
	<h2 id="menu">メニュー</h2>
	<table>
		<thead>
			<tr>
				<th>商品名</th>
				<th>価格</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>ラーメン</td>
				<td>500円</td>
			</tr>
			<tr>
				<td>餃子</td>
				<td>200円</td>
			</tr>
		</tbody>
	</table>
</section>
table {
 border: 2px solid black;
}

th {
 background: rgb(209, 201, 201);
 width: 100px;
 color: rgb(199, 43, 199);
}

th,
td {
 border: 1px solid black;
}

<a href="#ｔｏｐ">先頭へ戻る</a>
トップが全角
<img src="url" alt="" />