html表格的嵌套

超越～and me

于 2024-06-14 12:29:52 发布

阅读量270

点赞数 7

分类专栏： html基础文章标签： html 前端

本文链接：https://blog.csdn.net/2301_78986604/article/details/139678499

版权

html基础专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
   td{
    width: 100px;
    height:100px;
   }
  </style>
</head>
<body>
  <table border="1"width="300"cellpadding="0"cellspacing="0">
    <tr>
        <td>
        <!--在第一行第一列中再嵌套一个表格(两行、两列的表格)-->
            <table border="1" width="100px">
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
            </table>
 
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
   td{
    width: 100px;
    height:100px;
   }
   table{
    margin:0px auto;
   }
  </style>
</head>
<body>
  <table border="1"width="500px"  height="500px" cellpadding="0"cellspacing="0">
    <tr>
        <td>
        <!--在第一行第一列中再嵌套一个表格(两行、两列的表格)-->
            <table border="1" width="100px" height="100px" align="center">
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                </tr>
            </table>
 
        </td>
        <td>&nbsp;</td>
    </tr>
    <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
    </tr>
</table>
</body>
</html>