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中的文本是左对齐的普通文本-->
		
相关推荐
我命由我123458 小时前
VSCode - VSCode 修改文件树缩进
前端·ide·vscode·前端框架·编辑器·html·js
我命由我1234510 小时前
VSCode - VSCode 颜色值快速转换
前端·ide·vscode·前端框架·编辑器·html·js
BD_Marathon11 小时前
【JavaWeb】HTML_常见标签_表单项标签
html
hjt_未来可期13 小时前
js实现复制、粘贴文字
前端·javascript·html
白狐_79813 小时前
【项目实战】我用一个 HTML 文件写了一个“CET-6 单词斩”
前端·算法·html
BD_Marathon15 小时前
【JavaWeb】HTML常见标签——标题段落和换行
前端·html
Minecraft红客16 小时前
HTMLminecraft版本
游戏·3d·html·娱乐
一嘴一个橘子16 小时前
html css - 左边是不能滚动的目录,右边是可以滚动的内容
css·html
白粥16 小时前
HTML标题标签<h1>到<h6>
前端·html
JIseven18 小时前
app页面-锚点滚动 和 滚动自动激活菜单
前端·javascript·html