HTML实现两行两列单元表

最新推荐文章于 2023-08-15 09:01:14 发布

吃人陈乐游刘

最新推荐文章于 2023-08-15 09:01:14 发布

阅读量6.2k

点赞数 2

分类专栏： HTML表单文章标签： html5

本文链接：https://blog.csdn.net/qq_53463161/article/details/116053061

版权

HTML表单专栏收录该内容

9 篇文章 0 订阅

订阅专栏

这里是小编学习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>

吃人陈乐游刘

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
HTML实现两行两列单元表

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

扫一扫