1

こんにちは、私は正方形のボックスの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時間以上頑張りました。

4

3 に答える 3

0

すでにテーブルを使用しているため、その中に別のテーブルをネストするだけです。また、開始タグと終了タグを忘れ<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/

于 2013-05-02T22:00:58.917 に答える