Question

我正在编写下表的代码，但似乎没有在浏览器中显示。我检查了我的代码，看是否有一些拼写错误，我找不到任何错误。

这是表格的样子： enter image description here

这是我的代码：

<html>
<body>
<table>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan=3> </td>
    <td> </td>
    <td> </td>
  </tr>
 <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td rowspan=2></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

Answer 1

在向其添加样式和数据之前，该表是不可见的。

CSS：

table {
    border-collapse:collapse;
}

table td {
   border:1px solid #000;
}

没有CSS但不建议使用border属性：

<table border="1" cellspacing="0">

Answer 2

您可以使用表格的HTML边框，宽度和高度属性：

<table border="1" width=500px height=500px>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td colspan=3> </td>
    <td> </td>
    <td> </td>
  </tr>
 <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td rowspan=2></td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>

这就是我们开始学习HTML时的方法：）

jsFiddle

Answer 3

这有效..我刚试过它..

<html>
<body>
<table border=1>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td colspan=3>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
 <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td rowspan=2>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
</body>
</html>

表格不会显示在浏览器中

3 个答案:

jsFiddle