HTML实现两行两列单元表

这里是小编学习HTML时候老师布置的一个作业：我们接下来看一下对应实现的源码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>网页设计</title></head><body><table width="400px

吃人陈乐游刘

6269人浏览 · 2021-04-23 13:50:20

吃人陈乐游刘 · 2021-04-23 13:50:20 发布

这里是小编学习HTML时候老师布置的一个作业：

我们接下来看一下对应实现的源码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网页设计</title>
</head>
<body>
<table width="400px" align="center"border="2" cellpadding="0"cellspacing="1">
<tr>
     <td>
         <p>这是一个段落。</p>
         <br><p>这是另一个段落。</p>
     </td>
    <td>
      这个单元包含一个表格;
        <table width="100px" cellspacing="1" cellpadding="1"align="center"border="2">
            <tr>
                <td>一行一列</td>
                <td>一行二列</td>
            </tr>
            <tr>
                <td>二行一列</td>
                <td>二行二列</td>
            </tr>
        </table>
    </td>
</tr>
<tr>
    <td>
    这个单元包含一个列表：
        <ul>苹果</ul>
        <ul>香蕉</ul>
        <ul>菠萝</ul>
    </td>
    <td>
    HELLO
    </td>
</tr>
</table>
</body>
</html>