年年有"余"

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2165|回复: 0

<table>的基本使用

[复制链接]
  • TA的每日心情
    奋斗
    2022-12-13 21:26
  • 签到天数: 371 天

    [LV.9]以坛为家II

    发表于 2015-7-10 17:37:15 | 显示全部楼层 |阅读模式
    一、先看效果:


    • 正常表格
      1-1
      1-2
      1-3
      2-1
      2-2
      2-3
      3-1
      3-2
      3-3

    • 合并表格1
      1-1
      2-1
      2-2
      2-3
      3-1
      3-2

    • 合并表格2
      1-1
      1-2
      2-1
      2-2
      2-3
      3-1
      3-3


    二、Html实现
    [HTML] 纯文本查看 复制代码
    <html>
            <head>
            </head>
            <body>
                    <ol>
                            <li>正常表格</li>
                                    <table border="1" width="600" align="center" cellpadding="20" cellspacing="0">
                                            <tr>
                                                    <td>1.1</td>
                                                    <td>1.2</td>
                                                    <td>1.3</td>
                                            </tr>
                                            <tr>
                                                    <td>2.1</td>
                                                    <td>2.2</td>
                                                    <td>2.3</td>
                                            </tr>
                                            <tr>
                                                    <td>3.1</td>
                                                    <td>3.2</td>
                                                    <td>3.3</td>
                                            </tr>
                                    </table>
                            <br />
                            
                            <li>合并表格1</li>
                                    <table border="1" width="600" align="center" cellpadding="20">
                                            <tr>
                                                    <td colspan="3" align="center" valign="top" height="100">1.1</td>
                                            </tr>
                                            <tr>
                                                    <td rowspan="2" align="center" valign="bottom">2.1</td>
                                                    <td>2.2</td>
                                                    <td>2.3</td>
                                            </tr>
                                            <tr>
                                                    <td>3.1</td>
                                                    <td>3.2</td>
                                            </tr>
                                    </table>
                            <br />
                            
                            <li>合并表格2</li>
                                    <table border="1" width="600" align="center" cellpadding="20">
                                            <tr>
                                                    <td>1.1</td>
                                                    <td colspan="2">1.2</td>
                                            </tr>
                                            <tr>
                                                    <td>2.1</td>
                                                    <td rowspan="2">2.2</td>
                                                    <td>2.3</td>
                                            </tr>
                                            <tr>
                                                    <td>3.1</td>
                                                    <td>3.3</td>
                                            </tr>
                                    </table>
                            
                    </ol>
    
            </body>
    </html>


    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    手机版|小黑屋|Archiver|iOS开发笔记 ( 湘ICP备14010846号 )

    GMT+8, 2024-3-29 19:18 , Processed in 0.046729 second(s), 18 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表