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中的文本是左对齐的普通文本-->
		
相关推荐
ElasticPDF-新国产PDF编辑器2 小时前
HTML && jQuery 项目 PDF 批注插件库在线版 API 示例教程
pdf·html·jquery
我自纵横20234 小时前
使用 JavaScript 动态设置 CSS 样式
开发语言·前端·javascript·css·html·json·html5
小破孩呦6 小时前
动态循环表单+动态判断表单类型+动态判断表单是否必填方法
前端·javascript·html
慕斯策划一场流浪11 小时前
fastGPT—前端开发获取api密钥调用机器人对话接口(HTML实现)
前端·html·fastgpt·fastgpt创建工作流·fastgpt创建密钥调用接口
碧海饮冰11 小时前
前端:v-html和v-text在使用上的区别
前端·javascript·html
CD-i11 小时前
用HTML.CSS.JavaScript实现一个贪吃蛇小游戏
javascript·css·html
我自纵横202313 小时前
JavaScript 中常见的鼠标事件及应用
前端·javascript·css·html·计算机外设·ecmascript
Liudef061 天前
deepseek v3-0324 Markdown 编辑器 HTML
前端·编辑器·html·deepseek
Kx…………1 天前
Uni-app入门到精通:uni-app的基础组件
前端·css·学习·uni-app·html
wuaro1 天前
JS的深浅拷贝
前端·javascript·html