[HTML]表格标签table的使用(基本语法、属性、单元格合并)

  • 基本语法

        <table>

                <thead>

                        <tr><th></th></tr>

                </thead>

                <tbody>

                        <tr><td></td></tr>

                </tbody>

        </table>

  • 标签说明
标签 含义 说明
table 表格 表格的最外层标签
thead 表格的头部区域 表示表格头部内容
tbody 表格的主体区域 表示表格主体内容
tr 一行 表格中可以有多行
td 一个单元格 一行中可以有多个单元格
th 表头单元格 默认加粗居中
  • table的相关属性
属性 含义 说明
align 表格对齐方式 值有left(左)、center(中)和right(右)三种情况
border 表格边框 可以设置像素值(注意无单位),默认无边框(值为0)
width 表格宽度 可以设置像素值(无单位)或百分比
height 表格高度 可以设置像素值(无单位)或百分比
cellpadding 单元格内边距 像素值(无单位),规定单元格边沿与其内容之间的空白,默认1像素
cellspacing 单元格间距 像素值(无单位),规定单元格之间的空白,默认2像素
  • 合并单元格
合并方式 写法 说明
跨行合并 rowspan = "合并单元格的个数" 写到td标签内,后面行同一列指定数量的单元格会被合并
跨列合并 colspan = "合并单元格的个数" 写到td标签内,同一行后面列指定数量的单元格会被合并

 

posted @   叶疏鸿  阅读(1316)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· 字符编码:从基础到乱码解决
· Open-Sora 2.0 重磅开源!
点击右上角即可分享
微信分享提示