HTML <th> height 属性

在 HTML 表格中，<th> 元素用于定义表格的表头单元格。<th> 元素与普通的数据单元格 <td> 不同，它们通常会呈现粗体文本，并且默认居中对齐。除此之外，<th> 元素还可以使用 height 属性设置单元格的高度。

语法

<th> 元素的基本语法如下：

<th height="value">
    <!-- 表头内容 -->
</th>

属性值

height 属性的值可以是一个正整数，表示单元格的高度，单位为像素。也可以是一个百分比值，表示相对于父元素的高度。

示例代码

下面是一个简单的示例，展示如何使用 height 属性设置 <th> 元素的高度：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Table with Custom Height</title>
</head>
<body>
    <table border="1">
        <tr>
            <th height="50">Header 1</th>
            <th height="75">Header 2</th>
        </tr>
        <tr>
            <td>Data 1</td>
            <td>Data 2</td>
        </tr>
    </table>
</body>
</html>

在上面的示例中，我们定义了一个包含两个表头单元格和两个数据单元格的简单表格。通过设置 <th> 元素的 height 属性，我们可以指定表头单元格的高度，使其与普通的数据单元格高度不同。

注意事项

• 尽量避免在 HTML 中直接使用行内样式来设置单元格的高度，应该优先使用 CSS 样式表来统一管理表格的样式。
• 在设置单元格高度时，应考虑到表格的整体布局和对齐方式，保持表格的美观和易读性。

通过本文的介绍，你应该已经了解了如何使用 height 属性来设置 HTML 表格中 <th> 元素的高度。希望本文对你有所帮助，祝你在前端开发的道路上越走越远！