HTML中表格标签<table>的介绍(附代码)


当前第2页 返回上一页

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

<body>

        <table width="400" height="400" border="2">

            <!-- 第1行 -->

            <tr>

                <td colspan="4" bgcolor="aqua"></td>

            </tr>

            <!-- 第2行 -->

            <tr>

                <td rowspan="4" bgcolor="antiquewhite"></td>

                <td colspan="3" bgcolor="antiquewhite"></td>

            </tr>

            <!-- 第3行 -->

            <tr>

                <td rowspan="3" bgcolor="aquamarine"></td>

                <td colspan="2" bgcolor="aquamarine"></td>

            </tr>

            <!-- 第4行 -->

            <tr>

                <td rowspan="2" bgcolor="bisque"></td>

                <td bgcolor="bisque"></td>

            </tr>

            <!-- 第5行 -->

            <tr>

                <td></td>

            </tr>

        </table>

    </body>

相关文章推荐:

html给定标签选项并添加标签(附代码)

弹性布局是什么?弹性布局flex的基本应用(附代码)

以上就是HTML中表格标签<table>的介绍(附代码)的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

微信小程序api 临时素材接口

浅谈angular中的component/service

详解css和js动画底层原理及如何优化它们的性能

详解html5 postmessage解决跨域通信的问题

css怎么更改超链接字体颜色

JavaScript中回流(重排)与重绘的相关知识介绍(代码示例)

如何竖直居中一个元素

html address标签怎么用?html address标签的使用方法详解

总结10篇基本绘图用法实例教程

css的+(加号)选择器怎么用

更多相关阅读请进入《JavaScript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...