2.6 表格-高二《Web前端开发-网页设计》同步精品课堂（电工版2023）

单元2 HTML基础 2.6 表格 主要内容 CONTENTS PART 01 表格的基本结构 PART 02 单元格的合并 2 表格的基本结构 标签名 功能 table 定义表格 caption 定义表格的标题 tr 定义表格行 td 定义单元格 th 定义表头单元格 表格相关标签 3 表格的基本结构 <table> <caption>表格标题</caption> <tr> <th>第1行第1列</th> <th>第1行第2列</th> </tr> <tr> <td>第2行第1列</td> <td>第2行第2列</td> </tr> </table> 【案例2.6.1】表格的基本结构 【案例2.6.2】单边框表格 4 单元格合并 和 Excel 类似，HTML 也支持单元格的合并，包括“跨行合并”和“跨列合并”两种。 rowspan：表示跨行合并。在 HTML 中，使用 rowspan 属性来表明单元格所要跨越的行数。 colspan：表示跨列合并。在 HTML 中，使用 colspan 属性来表明单元格所要跨越的列数。 具体语法格式如下： <td rowspan="n">单元格内容</td> <td colspan="n">单元格内容</td> 注意：设置了合并属性之后，一定要删除被合并的单元格，否则表格便会出现结构不对的问题。 【案例2.6.3】单元格合并 感谢观看 $