Question

嗨，我正在为方框编写html代码我需要4个单元格而在4个单元格中我需要再划分4个部分，这只是为了打破其他部分：

<html>
<head>
<title>This page is Mohan</title>
</head>
        <center>
<table>
                <tr>
                    <td>

                        <div style="width:250px;height:250px;border:1px solid #0000FF;"><br>
                        <div align:"left"="" style="width:80px;height:80px;border:1px solid #0000FF;"></div><br><br>

                        <div align:"right" style="width:80px;height:80px;border:1px solid #0000FF;"></div><br>
                        <div align:"right" style="width:80px;height:80px;border:1px sloid #0000FF;"></div>

                        </div>
                    </td>
                </tr>
        </center>
</table>
</html>

拜托，你能帮我解决这个问题吗？这仅在html页面中无法实现。我已经尝试了3个多小时。

Answer 1

试试这个：

<html>
<head>
    <title>This page is Mohan</title>
</head>
<body>
    <table>
        <tr>
            <td>
                <div style="width:250px;height:250px;border:1px solid #0000FF;">
                    <br>
                    <div align:"left"="" style="width:80px;height:80px;border:1px solid #0000FF;"></div>
                    <br><br>
                    <div align:"right" style="width:80px;height:80px;border:1px solid #0000FF;"></div>
                    <br>
                    <div align:"right" style="width:80px;height:80px;border:1px sloid #0000FF;"></div>
                </div>
            </td>
        </tr>
    </table>
</body>
</html>

Answer 2

由于您已经在使用表格，因此只需在其中嵌套另一个表格。此外，您忘记了打开和关闭<body>标记。我建议使用CSS进行定位和样式化。

<html>
<head>
<title>This page is Mohan</title>
</head>
<body>

<center>

  <table>

    <tr>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>      
    </tr>

    <tr>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>
      <td>

        <table>
          <tr>
            <td></td>
            <td></td>
          </tr>
          <tr>
            <td></td>
            <td></td>
          </tr>
        </table>

      </td>      
    </tr>

  </table>

</center>

</body>
</html>

示例：http://jsfiddle.net/HP7f8/

Answer 3

我认为您的问题已经发生，因为您没有正确关闭代码。

你正在打开＆lt;中心＆gt;标签，然后＆lt;表＆gt;标签，但你正在关闭＆lt; / center＆gt;首先标记，然后标记＆lt; / table＆gt;标签

只需交换这两个结束标记即可。首先放置关闭表标签，然后放入中心标签（同时克里斯提到不要忘记身体标签）。

希望这会有所帮助。

如何修复我的HTML以便它可以工作

3 个答案: