html页面打开时如何隐藏表格

在HTML页面中，要隐藏表格，可以使用CSS样式来实现。可以将display属性设置为none，以下是一个示例：

<!DOCTYPE html>
<html>
<head><style>
  .hidden-table {
    display: none;
  }
</style>
</head>
<body><table class="hidden-table">
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Row 1, Cell 1</td>
    <td>Row 1, Cell 2</td>
  </tr>
  <tr>
    <td>Row 2, Cell 1</td>
    <td>Row 2, Cell 2</td>
  </tr>
</table>

</body>
</html>

在这个示例中，我们创建了一个名为hidden-table的CSS类，将display属性设置为none，以隐藏表格。然后，在<table>元素中添加class="hidden-table"，使表格隐藏。

这种方法适用于在页面加载时隐藏表格。如果需要在用户交互时隐藏表格，可以使用JavaScript来实现。