HTML实现课表（表格运用）

最新推荐文章于 2024-07-13 16:01:14 发布

hjseo_seg

最新推荐文章于 2024-07-13 16:01:14 发布

阅读量2.7k

点赞数 1

分类专栏：面试学习路线阿里巴巴文章标签： java java进阶后端

本文链接：https://blog.csdn.net/hjseo_seg/article/details/124774919

版权

该博客介绍如何使用HTML实现课表的制作，从简单的七行七列表格开始，逐步添加页眉、页脚标签，并进行表格合并，使内容居中。通过示例代码展示了如何优化表格布局，达到预期的课表效果。

摘要由CSDN通过智能技术生成

题目要求：
根据表格知识完成下列效果图：

任务提示：
使用

，等标签完成。 ps：其中“课程表”为表格标题 "星期一、星期二”等为列标题 "晚自习”为表格页脚

解法：
1、简单的构成七行七列表格，没有进行合并，也没有使用以下标签

代码如下：

<html>
<head>
	<title>first.html</title>
	<meta charset="UTF-8">	
</head>

<body>
	<table border="1" width="600px">
	<caption>课表</caption>

	<tr>
		<th></th>
		<th>星期一</th>
		<th>星期二</th>
		<th>星期三</th>
		<th>星期四</th>
		<th>星期五</th>
	</tr>

	<tr>
		<td>上午</td>
		<td>语文</td>
		<td>数学</td>
		<td>外语</td>
		<td