html之表格列标题<th>的使用...

最新推荐文章于 2024-03-20 22:32:05 发布

原创最新推荐文章于 2024-03-20 22:32:05 发布 · 8.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #border #table

html 专栏收录该内容

18 篇文章

订阅专栏

本文详细介绍了HTML表格中的TH（表头）和TD（数据单元格）元素的区别及使用方法，并通过示例展示了如何利用TH元素的scope属性来定义行标题或列标题。

关于html表格的列标题，从网上收集整理的资料如下：

<th>实际上也是单元格，只不过它用作表格标题。

从语义上来说：<td>标识表格中的数据单元，<th>表示表格中一列或者是一行的标题。

一个标题，可能是行标题，也可能是列标题，如何区分？需要使用scope属性scope=row/col。

效果截图如下：

例子代码如下:

<table border="1" width="300">

<tr> <th scope="col">标题1</th> <th scope="col">标题2</th> <th scope="col">标题3</th> </tr>

<tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td>  </tr>

</table>