如何使用 HTML5 在表格中创建标题单元格
概述
表格中的单元格是行和列的结合体。标题位于表格的顶行，其列包含一个类别名称，该名称指示数据将归入哪个类别。因此，在本例中，我们将创建一个用于表格标题的单元格，因此对于标题单元格，表格行的结合体"<tr>"和表格标题列的结合体"<th>"将在 HTML5 中为表格创建一个标题单元格。
语法
在表格中创建标题单元格的语法 −
<tr> <th></th> <th></th> </tr>
<tr> − 表示表格行。
<th> − 将表头表示为表列。
算法
步骤 1 − 在您喜欢的编辑器中创建 HTML 样板代码。
步骤 2 − 现在使用 HTML <table>标签创建表格，并在表格标签内分别使用 <thead> 和 <tbody> 定义表格的头部和主体部分。创建标题单元格时，无需继承 <thead> 标签。但为了分离标题和主体，以便在浏览器端提供更多功能，我们应该继承 <thead> 标签。
<table> <thead> </thead> <tbody> </tbody> </table>
步骤 3 − 开始使用 <tr> 标签为标题部分创建一个单元格，然后在其中继承 <th> 标签。
<thead>
<tr>
<th></th>
<th></th>
<th></th>
<th></th>
</tr>
</thead>
步骤 4 − 表格标题单元格已成功创建。现在，如果需要，请将数据插入表格主体部分，输出将显示在您的浏览器中。
示例
在给定的示例中，我们创建了一个用于存储员工记录的表格。其中，标题单元格是使用上述语法创建的。由于表格标题包含 <th> 标签，因此 <th> 标签具有其预建属性，可增强表格 head 标签内文本的视图。表格标题单元格中的 <th> 标签使文本看起来更粗体。此外，在普通表格主体文本中，<td> 标签内的数据未居中对齐，但在表格的标题单元格中，我们不必设置单元格样式来使文本居中。
<html>
<head>
<title>Creating a Header Cell</title>
</head>
<body>
<table border="" align="center" style="text-align: center;">
<thead>
<tr>
<th>S No.</th>
<th>Name</th>
<th>Profile</th>
<th>Salary</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Alex</td>
<td>Developer</td>
<td>$500</td>
</tr>
<tr>
<td>2</td>
<td>Samuel</td>
<td>Network Eng.</td>
<td>$600</td>
</tr>
</tbody>
</table>
</body>
</html>
下图展示了上述示例的输出，其中我们为"员工记录"表创建了表格单元格。突出显示的部分显示了四个表头单元格，分别对应员工的( 工号、姓名、个人资料和薪水)。
结论
上述创建的表格是一个单元格集合，数据就插入到这些单元格中。与表头一样，表体也包含一组单元格。唯一的区别在于，表头单元格由"<tr>"和"<th>"合并而成，而表体单元格由"<tr>"和"<td>"合并而成，其中"<td>"表示<tbody>部分的表格数据。标题单元格是在 <thead> 标签内创建的，因为在将表迁移到数据库时，它会自动为数据库的表创建列。
