32、广播电台节目时间表的 HTML 和 CSS 实现

广播电台节目时间表的 HTML 和 CSS 实现

1. 项目背景

Kyle Mitchell 是北达科他州俾斯麦市公共广播电台 DLR（Dakota Listener Radio）的节目总监。他正在升级 DLR 网站，以便为听众提供更多有关电台节目和政策的信息。新网站将包含列出 DLR 早间、下午和晚间节目的页面。Kyle 认为用表格来呈现这些信息是最好的方式，表格的列表示不同的日期，行表示每天的不同时间。由于他从未创建过网页表格，因此向你寻求帮助。他希望表格内容丰富且易于阅读，你将使用 CSS 样式来增强网页的外观。

2. 学习目标

本次学习分为两个阶段：
- 阶段 6.1
- 探索网页表格的结构
- 创建表格标题和数据单元格
- 为表格应用 CSS 样式
- 创建跨多行和多列的单元格
- 为表格添加标题
- 阶段 6.2
- 创建行组和列组
- 为行组和列组应用样式
- 以表格形式显示页面元素
- 创建多列布局

3. 网页表格介绍

网页表格是一种 HTML 结构，由多个表格行组成，每行包含一个或多个表格单元格。这些单元格可以包含其他 HTML 元素，如标题、段落、内联图像和导航列表。因此，网页表格是组织和分类网页内容的有效工具。

4. 标记表格和表格行

每个网页表格由一个 <table> 元素包含一组使用 <tr> （表