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中的文本是左对齐的普通文本-->
		
相关推荐
anOnion20 分钟前
构建无障碍组件之Table Pattern
前端·html·交互设计
编程技术手记32 分钟前
Vite 开发环境前后端端口隔离:解决 index.html 冲突问题
前端·html
2301_815645387 小时前
html.
前端·html
ZC跨境爬虫8 小时前
跟着 MDN 学 HTML day_33:(Attr 接口与属性节点的深入理解)
前端·javascript·ui·html·音视频·html5
不瘦80斤不改名10 小时前
HTML基础(一)
开发语言·前端·html
ZC跨境爬虫11 小时前
跟着 MDN 学 HTML day_32:(AbstractRange 抽象接口与 DOM 范围操作)
前端·javascript·ui·html·音视频
普修罗双战士12 小时前
专业Markdown转HTML工具类:修复优化与Spring Boot适配
windows·spring boot·html
ZC跨境爬虫13 小时前
跟着 MDN 学 HTML day_31:(AbortSignal 深入解析与高级中止模式)
前端·ui·html·音视频·视频编解码
ZC跨境爬虫13 小时前
跟着 MDN 学 HTML day_30:(AbortController 实现可取消的异步请求)
前端·ui·html·edge浏览器·媒体
阿赛工作室13 小时前
基于Vue3和TensorFlow.js的数字图像识别应用HTML单文件
javascript·html·tensorflow