首页 > 其他 > 详细

表格简介

时间:2021-07-06 23:24:45      阅读:30      评论:0      收藏:0      [点我收藏+]
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
            td{
                text-align: center;
            }
        </style>
    </head>
    <body>
        <!-- 
            表格 excel
                就是用来表示一些格式化的数据
            在网页中也可以创建不同表格
                使用table创建表格
         -->
        <table border="1" width="40%" align="center">
            <!-- 在table标签中使用tr表示表格一行-->
            <tr>
                <!-- tr中使用td创建单元格 -->
                <td>a1</td>
                <td>a2</td>
                <td>a3</td>
                <td>a4</td>
                <td>a5</td>
            </tr>

            <tr>
                <!-- tr中使用td创建单元格 -->
                <td>a1</td>
                <td>a2</td>
                <td>a3</td>
                <td>a4</td>
                <!-- rowspan 纵向合并单元格-->
                <td rowspan="2">a5</td>
            </tr>
            <tr>
                <!-- tr中使用td创建单元格 -->
                <td>a1</td>
                <td>a2</td>
                <td>a3</td>
                <td>a4</td>
                
            </tr>
            <tr>
                <!-- tr中使用td创建单元格 -->
                <td>a1</td>
                <td>a2</td>
                <td>a3</td>
                <!-- colspan横向合并单元格 -->
                <td colspan="2">a4</td>
                
            </tr>
        </table>
    </body>
</html>

使用table创建表格

  <tr>

    <td></td>

  </tr>

此结构创建表格

colspan横向合并单元格

rowspan纵向合并单元格

表格简介

原文:https://www.cnblogs.com/kfj010810/p/14978905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!