HTML | テーブルで時間割を作成するサンプルコード

HTML テーブル,HTML

HTML | テーブルで時間割を作成するサンプルコード

HTMLのテーブルを使って授業の時間割を作成するサンプルコードを紹介しています。

テーブルで時間割を作成する

HTMLのテーブル要素で月曜日から金曜日までの授業の時間割を作成しています。
6限目まで、授業内容は適当です。

見た目の変更はHTMLのStyle属性、またはCSSにてカスタマイズします。

CSS テーブル | 1 NOTES

HTML テーブル | 1 NOTES

1英語数学国語物理化学
2体育生物英語数学国語
3化学体育生物英語数学
4国語物理化学体育生物
5数学国語物理化学英語
6数学化学物理英語国語
<table>
	<tr>
		<th style="width:30px"></th>
		<th>月</th>
		<th>火</th>
		<th>水</th>
		<th>木</th>
		<th>金</th>
	</tr>
	<tr>
		<th>1</th>
		<td>英語</td>
		<td>数学</td>
		<td>国語</td>
		<td>物理</td>
		<td>化学</td>
	</tr>
	<tr>
		<th>2</th>
		<td>体育</td>
		<td>生物</td>
		<td>英語</td>
		<td>数学</td>
		<td>国語</td>
	</tr>
	<tr>
		<th>3</th>
		<td>化学</td>
		<td>体育</td>
		<td>生物</td>
		<td>英語</td>
		<td>数学</td>
	</tr>
	<tr>
		<th>4</th>
		<td>国語</td>
		<td>物理</td>
		<td>化学</td>
		<td>体育</td>
		<td>生物</td>
	</tr>
	<tr>
		<th>5</th>
		<td>数学</td>
		<td>国語</td>
		<td>物理</td>
		<td>化学</td>
		<td>英語</td>
	</tr>
	<tr>
		<th>6</th>
		<td>数学</td>
		<td>化学</td>
		<td>物理</td>
		<td>英語</td>
		<td>国語</td>
	</tr>
</table>