HTML——46.制作课程表

html 复制代码
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>课程表</title>
	</head>
	<body>
		<h3>课程表</h3>
		<table border="1" cellspacing="0">
			<tr>
				<th colspan="2"></th>
				
				<th>星期一</th>
				<th>星期二</th>
				<th>星期三</th>
				<th>星期四</th>
				<th>星期五</th>
			</tr>
			<!--tr*8>td*7-->
			<tr>
				<td rowspan="4">上<br />午</td>
				<td>1</td>
				<td>数学</td>
				<td>语文</td>
				<td>数学</td>
				<td>语文</td>
				<td>数学</td>
			</tr>
			<tr>
				
				<td>2</td>
				<td>语文</td>
				<td>数学</td>
				<td>语文</td>
				<td>数学</td>
				<td>语文</td>
			</tr>
			<tr>
				
				<td>3</td>
				<td>外语</td>
				<td>政治</td>
				<td>外语</td>
				<td>政治</td>
				<td>外语</td>
			</tr>
			<tr>
				
				<td>4</td>
				<td>地理</td>
				<td>外语</td>
				<td>地理</td>
				<td>外语</td>
				<td>地理</td>
			</tr>
			<tr>
				<td rowspan="4">下<br />午</td>
				<td>5</td>
				<td>体育</td>
				<td>历史</td>
				<td>体育</td>
				<td>历史</td>
				<td>体育</td>
			</tr>
			<tr>
				
				<td>6</td>
				<td>生物</td>
				<td>美术</td>
				<td>生物</td>
				<td>美术</td>
				<td>生物</td>
			</tr>
			<tr>
				
				<td>7</td>
				<td>自习</td>
				<td>班会</td>
				<td>自习</td>
				<td>班会</td>
				<td>自习</td>
			</tr>
			<tr>
				
				<td>8</td>
				<td>音乐</td>
				<td>劳技</td>
				<td>音乐</td>
				<td>劳技</td>
				<td>音乐</td>
			</tr>
		</table>
		
	</body>
</html>

<!--tr标签表示表格中的一行-->
		<!--th标签表示表头单元格-->
			<!--th中的文本会加粗,文本会居中-->
		
		<!--td标签表示一个单元格-->
			<!--td中的文本是左对齐的普通文本-->
		
相关推荐
x-cmd19 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
bjzhang751 天前
使用 HTML + JavaScript 实现文件树
javascript·html·文件树
Smart-Space1 天前
htmlbuilder - rust灵活构建html
rust·html
anOnion2 天前
构建无障碍组件之Alert Dialog Pattern
前端·html·交互设计
一个懒人懒人2 天前
Promise async/await与fetch的概念
前端·javascript·html
晚烛2 天前
CANN + 物理信息神经网络(PINNs):求解偏微分方程的新范式
javascript·人工智能·flutter·html·零售
ۓ明哲ڪ3 天前
网页视频倍速播放.
html
觉醒大王3 天前
哪些文章会被我拒稿?
论文阅读·笔记·深度学习·考研·自然语言处理·html·学习方法
Never_Satisfied3 天前
在JavaScript / HTML中,关于querySelectorAll方法
开发语言·javascript·html