html复杂表格

作者: 才兄说 | 来源:发表于2019-01-17 00:08 被阅读42次

关于

有时候,我们在做web界面显示的时候,经常遇到html复杂表格的编写。主要就是跨列,跨行等。下面分享一个既有跨列又有跨行的复杂表格样例。

具体内容

1.界面效果
[图片上传失败...(image-4a9648-1547654902570)]

2.html代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>复杂表格</title>
</head>
<body>
    <center>
        <table width = "60%" border="1">
            <tr>
                <th colspan="2" rowspan="2">跨两行两列</th>
                <th colspan="2">跨两列</th>
            </tr>
            <tr>
                <td>单元格21</td>
                <td>单元格22</td>
            </tr>
            <tr>
                <td>单元格31</td>
                <td>单元格32</td>
                <td>单元格33</td>
                <td>单元格34</td>
            </tr>
            <tr>
                <td>单元格41</td>
                <td>单元格42</td>
                <td>单元格43</td>
                <td>单元格44</td>
            </tr>
        </table>                                                                                                                                                                                                           
    </center>
</body>
</html>

相关文章

  • HTML复杂表格

    原代码如下: (编写软件:HBuilder) 注:表格后面没有截取完整

  • html复杂表格

    关于 有时候,我们在做web界面显示的时候,经常遇到html复杂表格的编写。主要就是跨列,跨行等。下面分享一个既有...

  • html复杂表格

    关于 有时候,我们在做web界面显示的时候,经常遇到html复杂表格的编写。主要就是跨列,跨行等。下面分享一个既有...

  • HTML:复杂表格制作

    简单表格 表格的制作可以通过 等标签的组合来构造。这样一段HTML: 可以得到这样的表格: 跨行/列表格制...

  • 复杂html表格编写

    昨天花了点时间,弄清楚了复杂的html表格写法: 如上图的表格:tr 是行数,td 是单元格数,th 是标题性质的...

  • 2018-08-13day-21

    HTML web基础 添加文本 列表 图片和超链接 表格 复杂表格

  • Day21HTML

    HTML标签 文本标签 列表标签 图片和超链接 数据表格 复杂表格

  • day20

    一、初识HTML 二、文本标签 三、列表 四、图片和超链接 五、表格 六、复杂的表格

  • day21-web基础知识

    一、初识HTML 二、文本标签 三、列表 四、图片和超链接 五、表格 六、复杂的表格

  • HTML二

    三、HTML的复杂标签 1、表格标签 table  定义一个表格  tr  定义表格中的行    td  定义表中...

网友评论

    本文标题:html复杂表格

    本文链接:https://www.haomeiwen.com/subject/peqbdqtx.html