基本表格标签
-
<table>
:这是定义表格的最基本标签。所有表格元素都被包含在这个标签内。 -
<tr>
(Table Row):用于定义表格的行。每个<tr>
标签代表表格中的一行。 -
<th>
(Table Header):用于定义表格的表头单元格。通常,表头单元格中的文本加粗居中。 -
<td>
(Table Data):用于定义表格的标准单元格,即表格的数据部分。
附加表格标签
-
<caption>
:定义表格的标题或说明。这个标签位于<table>
标签内,通常是表格的第一个元素。 -
<thead>
:定义表格的头部区域。用于分组表头内容。 -
<tbody>
:定义表格的主体部分。用于分组表格主体的内容。 -
<tfoot>
:定义表格的脚注部分。用于分组表格底部的内容,比如总计行。
表格属性
-
border
:指定表格边框的宽度。 -
cellpadding
:指定单元格内的空间量(即单元格内容与其边界之间的空间)。 -
cellspacing
:指定单元格之间的空间(即相邻单元格的边界之间的空间)。 -
colspan
(在<td>
或<th>
中使用):允许单元格横跨多列。 -
rowspan
(在<td>
或<th>
中使用):允许单元格横跨多行。 -
align
和valign
:分别用于控制内容在单元格中的水平和垂直对齐。 -
width
和height
:用于指定表格、行或单元格的大小。
案例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | <table border= "1" > <caption>员工信息</caption> <thead> <tr> <th>姓名</th> <th>职位</th> <th>部门</th> </tr> </thead> <tbody> <tr> <td>张三</td> <td>软件工程师</td> <td>技术部</td> </tr> <tr> <td>李四</td> <td>产品经理</td> <td>产品部</td> </tr> </tbody> <tfoot> <tr> <td colspan= "3" >公司总人数: 2</td> </tr> </tfoot> </table> |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!