我在显示这张桌子时做错了什么?

时间:2009-10-03 20:51:53

标签: html html-table

这可能是一个愚蠢的事情,但我没有看到它。有什么问题?

<html>
<body>
<form action="search" method="get">
    <input>
    <input name="action" value="search" type="submit">
</form>

<table border="1">
    <thead>
    <th>
        <td>Name</td>

    </th>
    </thead>
    <tbody>

    <tr>
        <td>Smith        </td>

    </tr>

    <tr>
        <td>Smith2        </td>
        </tr>

    </tbody>
</table>
</body>
</html>

“Smiths”不会显示在“Name”单元格下。

7 个答案:

答案 0 :(得分:6)

标签是“表格标题”,您需要将它们放在tr的“表格行”中。

<tr>
    <th>Name</th>
</tr>

<tr>
    <td>Name</td>
</tr>

答案 1 :(得分:3)

<th>
  <td>Name</td>
</th>

替换为:

<tr>
  <th>Name</th>
</tr>

答案 2 :(得分:2)

以下是关于表格的新鲜帖子,解释了http://woork.blogspot.com/2009/09/rediscovering-html-tables.html必须看到的所有内容:)

答案 3 :(得分:1)

这是你问题的根源。像这样放置它们会给你一个像你期待的那样的专栏。

<tr>
    <th>Name</th>
</tr>

答案 4 :(得分:1)

你不需要&lt; td&gt;&lt; / td&gt;在&lt;里面th>并将其包装在&lt; tr&gt;,你需要:

<tr>
    <th>
        Name
    </th>
</tr>

答案 5 :(得分:1)

这样做:

<thead>

<tr>
<th>
 Name
</th>
</tr>

</thead>

TH就像任何列(),但具有不同的默认属性(粗体文本,居中对齐文本)。所以它必须嵌套在一行()

答案 6 :(得分:1)

修复您的THead元素:

<thead>
  <tr>
    <th>Name</th>
  </tr>
</thead>