前端【HTML】如何使用html制作一个简易的表格？

HTML中使用table表格元素制作表格

table标签1 标签简介2 相关属性3 子元素3.1 caption标签3.2 tr标签、th标签、td标签3.3 相关属性

示例结语

table标签

1 标签简介

（表格）标签是HTML中用于创建和展示数据表格的标签元素，通过使用

标签可以在html中创建建议的表格。一个 HTML 表格由一个

元素和一个或多个、

3.2 tr标签、th标签、td标签

有很多像我一样刚刚了解HTML的童鞋偶尔分不清table表格元素中的tr、th和td这三个标签，下面博主带大家看一下怎么才能将这三个标签记清楚。

标签：tr 全称为table row(表格行)，用于定义表格行。2 标签中，用于配合写出完整的表格数据。

3.3 相关属性

1 align：tr、th、td属性，设置行中每个单元格中内容的对齐方式。2 width：th、td属性，设置单元格宽度，设置一个单元格宽度既可改变对应一列的宽度。3 rowspan：th、td属性，设置单元格合并的行数。4 colspan：th、td属性，设置单元格合并的列数。

示例

该表源代码如下：

标签用于设置表格名称，显示于表格上方居中位置。用法：
和	元素组成。 2 相关属性虽然下列相关属性在HTML5中已被弃用。但在VSCode中仍能正常使用(建议使用css代替)。点此查看table中已弃用属性在css中的等价写法 1 border：规定表格是否拥有边框(默认为"0"表示无边框，可以设置为"1"表示有边框)。2 align：规定表格相对周围元素的对齐方式。属性值有：left(默认)、center、right。3 csllpadding：规定单元格内沿与其内容之间的空白。4 cellspacing：规定单元格之间的空白。5 width:设置表格宽度,默认是内容撑起来的宽度。 3 子元素 3.1 caption标签
标签：th 全称为table header cell(表头单元格)，用于定义表头，与	区别：居中，加粗。3	标签：td 全称为table data cell(表中单元格)，用于定义表格单元。其中	和	需要写在

课表
	周一	周二	周三	周四	周五	周六	周日
第一节	自习	自习	上课	上课	自习	休息	上课
第二节	自习	自习	上课	上课	自习		上课
第三节	自习	自习	上课	上课	自习		上课
午休
第四节	上课	自习	上课	上课	上课		上课
第五节	上课	自习	上课	上课	上课		上课
第六节	上课	自习	上课	上课	上课		上课
第七节	上课	自习	上课	上课	上课		上课
晚饭
第八节	自习	自习	自习	上课	上课		上课
第九节	自习	自习	自习	上课	上课		上课
第十节	自习	自习	自习	上课	上课		上课
	每节课50分钟,中间10分钟休息;第一节课上午9点开始,晚上7点第九节课,午休俩小时。