日々実感

ほぼ更新停滞。気が向いたら手直しします。

[HTML]HTMLのテーブルをマスターする件

文字の通り、HTMLのテーブルについてやります、といっても、机のことではなく、表のことです。

表の作り方

1.HTML5の型を作る

<!doctype html>
<html>
	<body>
	</body>
</html>

2.<table>タグを<body>内に作る

<!doctype html>
<html>
	<body>
		<table>
		</table>
	</body>
</html>

3.行を作る

<!doctype html>
<html>
	<body>
		<table>
			<tr>
			&/lt;tr>
		</table>
	</body>
</html>

4.見出しを作る

<!doctype html>
<html>
	<body>
		<table>
			<tr>
				<th>お茶の価格&/lt;th>
			&/lt;tr>
		</table>
	</body>
</html>

こんな感じです。

お茶の定価

5.列をつくる

<!doctype html>
<html>
	<body>
		<table>
			<tr>
				<th>お茶の価格</th>
			</tr>
			<tr>
				<td>近所のスーパー1</td>
				<td>\125~\145</td>
			</tr>
			<tr>
				<td>近所のスーパー2</td>
				<td>\100~\120</td>
			</tr>
			<tr>
				<td>紀ノ国屋</td>
				<td>\320円くらい</td>
			</tr>
			<tr>
				<td>定価</td>
				<td>\330円</td>
			</tr>
		</table>
	</body>
</html>

お茶の価格
近所のスーパー1 \125~\\145
近所のスーパー2 \100~\\120
紀ノ国屋 \320円くらい
定価 \330円

ちょっと¥(円マーク)が\(バックスラッシュ)に なってますが見なかったことで。
見出しが1列(1マス?)分しか無いので、それを2列にします。

<!doctype html>
<html>
	<body>
		<table>
			<tr>
				<th> colspan="2";お茶の価格</th>
			</tr>
			<tr>
				<td>近所のスーパー1</td>
				<td>\125~\145</td>
			</tr>
			<tr>
				<td>近所のスーパー2</td>
				<td>\100~\120</td>
			</tr>
			<tr>
				<td>紀ノ国屋</td>
				<td>\320円くらい</td>
			</tr>
			<tr>
				<td>定価</td>
				<td>\330円</td>
			</tr>
		</table>
	</body>
</html>

お茶の価格
近所のスーパー1 \125~\\145
近所のスーパー2 \100~\\120
紀ノ国屋 \320円くらい
定価 \330円

なんかあまり中身の無い記事になってしまいました。
exit;