Question

我有一个简单的HTML表格，我似乎无法修复。

我正在尝试显示如下数据：

                                  <-Previous Next->
                              51 to 100 of 10151 records

以下是html代码。我已经取出了动态语言部分，根据用户所在的页面添加“上一页”：

编辑：在完成所有回复之后，我将代码更改为以下内容。但仍然对齐是一样的。＆GT; _＆LT;

<table width="100%" border="0">
<tbody>
    <tr align="center">
       <td bgcolor="#ffffff" color="white" align="center" colspan="2">
       <!--some form elements go here!-->
       <!--I just replaced tags with some text for testing-->
       <font face="Arial" size="2"><strong>Previous</strong></font>
        Previous
       </td>
       <td bgcolor="#ffffff" color="white" align="center" colspan="2">
        Next
       </td>
    </tr>
    <tr align="center">
       <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font>
       </td>
    </tr>
</tbody>
</table>

预期输出高于但我从代码中获得的是：

                 Previous            Next Group   
         51 to 100 of 10151 Households

我已经做了一段时间的反复试验，所以需要一些帮助！

Answer 1

您需要转义属性：

Value="<<Previous"

应该是

Value="&lt;&lt;Previous"

Answer 2

为什么Previous和Next文本都需要表格单元格？为什么不把它们放在同一个<td>？

<table width="100%" border="0">
  <tbody>
    <tr align="center">
      <td bgcolor="#ffffff" color="white" align="center" colspan="2">
        Previous Next
      </td>
    </tr>
    <tr align="center">
      <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b></font></td>
    </tr>
  </tbody>
</table>

我是否错过了一项要求？

Answer 3

将colspan="2"添加到第二行的td。

Answer 4

使用html实体来显示＆lt;和＆gt;屏幕上的字符。＆LT;是<和＆gt;是>

使用具有语法突出显示功能的编辑器也会有所帮助，你可以更容易地发现这些错误

Answer 5

首先，在第一行（＆lt; tr＆gt; ...＆lt; / tr＆gt;）之后，您无法启动另一行。此外，您需要将列跨越下一行中的单元格，以使其占据其上方行中的两个单元格下方的空间，而不仅仅是第一行：

<tr>
  <td align="center" colspan="2"><font....>....</td>
</tr>

此外，您还有其他HTML问题（如果您希望它们出现在文本中，则需要转义HTML实体，例如＆lt;和＆gt;），因此您可能希望通过了解HTML或否则验证它。

Answer 6

你遗漏了一些标签和引号，以及其他人提到的转义字符。

您可以尝试在w3c使用htmlvalidator。

http://validator.w3.org/#validate-by-input

Answer 7

<table width="100%" border="0">
    <tr align="center">
       <td bgcolor="#ffffff" color="white" align="center">
            <!--some form elements go here!-->
            <font face="Arial" size="2"><strong>Previous</strong></font>
            <Input id='previuesButton' Type="image"  alt="Previous" src="/eiv/images/prev.gif" value="&lt;&lt;Previous" name=previuesButton ACCESSKEY="B">
       </td>
       <td bgcolor="#ffffff" color="white" align="center">
            <font face="Arial" size="2"><strong>Next Group</strong></font>
            <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="Next&gt;&gt;" name=nextButton ACCESSKEY="B">
       </td>
    </tr>
    <tr>
       <td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font></td>
    </tr>
</table>

您错过了开始和结束行标记以及底部列中的colspan。试试上面的内容，看看是否适合你。此外，您还需要为其等效项交换小于和大于字符（如上所示）。

Answer 8

您是否遇到大于或小于标志的问题？

试试这个：

    <table width="100%" border="0">
<tbody>
    <tr align="center">
       <td bgcolor="#ffffff" color="white" align="center">
       <!--some form elements go here!-->
       <font face="Arial" size="2"><strong>&lt;-Previous</strong></font>
        <Input id='previuesButton' Type="image"  alt="Previous" src="/eiv/images/prev.gif"     
        Value="<<Previous" name=previuesButton ACCESSKEY="B">
       </td>
       <td bgcolor="#ffffff" color="white" align="center">
       <font face="Arial" size="2"><strong>Next Group-&gt;</strong></font>
       <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="     
       Next>>     "name=nextButton ACCESSKEY="B">
       </td>
    </tr>
       <td align="center"><font face="arial" size="2"><b>51 to 100 of 10151</b> </font>
       </td>
</tbody>

那有帮助吗？

Answer 9

您的代码，包含：

添加了第二行的缺失标记。
箭头转换为html实体。
添加了缺失的引号。
您的拼写已更正。

下次尝试通过w3c验证器运行你的html。希望它有所帮助。

<table width="100%" border="0">
<tbody>
    <tr align="center">
       <td bgcolor="#ffffff" color="white" align="center">
       <font face="Arial" size="2"><strong>Previous</strong></font>
        <Input id='previousButton' Type="image"  alt="Previous" src="/eiv/images/prev.gif"     
        Value="&lt;&lt;Previous" name="previousButton" ACCESSKEY="B">
       </td>
       <td bgcolor="#ffffff" color="white" align="center">
       <font face="Arial" size="2"><strong>Next Group</strong></font>
       <Input id='nextButton' alt="Next" Type="image" src="/eiv/images/next.gif" Value="     
       Next &gt;&gt;" name="nextButton" ACCESSKEY="B"></td>
    </tr>
    <tr>
       <td align="center" colspan="2"><font face="arial" size="2"><b>51 to 100 of 10151</b></font>
       </td>
    </tr>
</tbody>
</table>

请帮我解决这个乱糟糟的HTML表格

9 个答案: