HTML设计表格

前端菜菜阿海

于 2021-07-02 17:28:35 发布

阅读量1.7k

点赞数 2

分类专栏：前端学习手记文章标签： html

本文链接：https://blog.youkuaiyun.com/zxh996/article/details/118418868

版权

本文介绍了HTML中表格的相关知识，包括表格元素的认识和实际案例分析。通过案例代码及效果图，详细讲解了表格的基本结构和属性，建议多加练习以巩固HTML基础。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML设计表格

前言
一、HTML中表格元素的认识
二、表格案例
- 1.案例代码及效果图
- 2.案例代码分析
总结

前言

前端的学习中HTML中的表格相信大家也了解了，这是一块简单而又易乱的知识点，所以我为大家简单的梳理了一下知识点，仅供参考学习。

一、HTML中表格元素的认识

在这里插入图片描述

二、表格案例

1.案例代码及效果图

代码如下（示例）：

<table border="1">
    <caption>我的课表</caption>
    <thead>
    <tr>
        <th>项目</th>
        <th colspan="5" align="center">上课</th>
        <th colspan="2" align="center">休息</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>星期</td>
        <td>星期一</td>
        <td