java学习笔记（21）表格的嵌套

最新推荐文章于 2023-09-27 09:00:30 发布

fiveym

最新推荐文章于 2023-09-27 09:00:30 发布

阅读量314

点赞数 1

分类专栏： java 文章标签： java 开发语言后端

本文链接：https://blog.csdn.net/weixin_49750432/article/details/122506733

版权

java 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

可以先做一个表格，然后将成绩，分数之类的嵌套到学科那一个格子中去

<table border=“1px” cellspacing=“0px” width=“30%” align=“center”>
         <tr>
                <td colspan="3">学生成绩单</td>*colspan表示横向跨几个格，表格跨列
                
         </tr>
          <tr>
                <td>姓名</td>
                <td colspan=“2” rowspan=“5”>学科</td>
           </tr>
            <tr>
                <td rowspan=“2”>张三</td>*rowspan表示纵向跨几个格，表示横向跨
                
         </tr>
          
          <tr>
                <td rowspan=“2”>李四</td>
                
         </tr>
       
</table>

在这里插入图片描述

<table border=“1px” cellspacing=“0px” width=“30%” align=“center”>
         <tr>
                <td colspan="3">学生成绩单</td>*colspan表示横向跨几个格，表格跨列
                
         </tr>
          <tr>
                <td>姓名</td>
                <td >学科</td>
                <td>分数</td>
           </tr>
            <tr>
                <td rowspan=“2”>张三</td>
                <td colspan="2" rowspan="4">
                       <table border="1px" cellspacing="0px" width="100%">
                      <tr>
                            <td>数学</td>
                            <td>100</td>
                       </tr>
                       <tr>
                            <td>语文</td>
                            <td>100</td>
                       </tr>
                       <tr>
                            <td>数学</td>
                            <td>99</td>
                       </tr>
                       <tr>
                            <td>语文</td>
                            <td>99</td>
                       </tr>
         </tr>
          
          <tr>
                <td rowspan=“2”>李四</td>
                
         </tr>
       
</table>