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中的文本是左对齐的普通文本-->
		
相关推荐
志尊宝20 小时前
Vue3 零基础每日笔记(026):emit 子传父——defineEmits 与事件校验
前端·javascript·html·vue3
IMPYLH1 天前
HTML 的 <section> 元素
前端·html
csuzhucong1 天前
混元一号、二号、三号
html
用户298698530141 天前
Python 将 HTML 转换为 Word 文档的实践指南
python·html·api
IMPYLH1 天前
HTML 的 <select> 元素
前端·html
前端·柱子1 天前
Chaikin‘s Corner Cutting 算法 应用canvas绘制平滑的曲线
前端·html
無限進步D2 天前
Java Web 前端 简介
java·开发语言·前端·css·html·css3·web
yivifu2 天前
HTML元素的textContent和innerText两个属性的差别
前端·html
無限進步D2 天前
VSCode 简介+安装+JavaWeb前端常用插件+简单配置
java·开发语言·css·vscode·html·css3·插件
yivifu2 天前
创建支持交叉链接且鼠标悬停显示注释框的HTML文件
前端·javascript·html