2.html标准表格练习

表格组成table/caption/ thead/tbody/tfoot
tr、td/th
colspan和并列
rowspan合并行

<table border="1" cellspacing="0" width="830px" hight="290px">
    <caption><b>(外部)分包工程核算单</b> </caption>
    <thead>
        <!-- 表头 三行十一列 -->
        <tr>
            <th colspan="11" class="tit_01">
                <b class="b1">经营单位:</b>
                <b class="b2">核算时间:</b>
                <b class="b3">单位:元</b>
            </th>
        </tr>
        <tr>
            <th rowspan="2">填写要求</th>
            <th colspan="2">工程名称</th>
            <th colspan="3">需支付款</th>
            <th colspan="3">本次支付款</th>
            <th rowspan="2">领款签字</th>
            <th rowspan="2">填写要求</th>
        </tr>
        <tr>
            <th>主项名称</th>
            <th>分项名称</th>
            <th>完成进度</th>
            <th>单价</th>
            <th>总价</th>
            <th>代扣税金</th>
            <th>扣预付款</th>
            <th>实际支付</th>

        </tr>
    </thead>
    <tbody>
        <!-- 表身 -->
        <tr>
            <td rowspan="4">涂改作废</td>
            <td rowspan="4">bod1_2</td>
            <td>bod1_3</td>
            <td>bod1_4</td>
            <td>bod1_5</td>
            <td>bod1_6</td>
            <td>bod1_7</td>
            <td>bod1_8</td>
            <td>bod1_9</td>
            <td>bod1_10</td>
            <td rowspan="4">无效作废</td>
        </tr>
        <tr>
            <td>bod2_1</td>
            <td>bod2_2</td>
            <td>bod2_3</td>
            <td>bod2_4</td>
            <td>bod2_5</td>
            <td>bod2_6</td>
            <td>bod2_7</td>
            <td>bod2_8</td>


        </tr>
        <tr>
            <td>bod3_1</td>
            <td>bod3_2</td>
            <td>bod3_3</td>
            <td>bod3_4</td>
            <td>bod3_5</td>
            <td>bod3_6</td>
            <td>bod3_7</td>
            <td>bod3_8</td>


        </tr>
        <tr>
            <td>bod4_1</td>
            <td>bod4_2</td>
            <td>bod4_3</td>
            <td>bod4_4</td>
            <td>bod4_5</td>
            <td>bod4_6</td>
            <td>bod4_7</td>
            <td>bod4_8</td>


        </tr>
    </tbody>
    <tfoot>
        <!-- 表尾 -->
        <tr>
            <td colspan="2" rowspan="2">合计</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td colspan="2" rowspan="2">&nbsp;</td>
        </tr>
        <tr>
            <td>其中</td>
            <td colspan="3">现金:</td>
            <td colspan="3"> 转账</td>

        </tr>
        <tr>
            <td colspan="11">
                <b class="b1">领导签字</b>
                <b class="b2">经办人</b>
                <b class="b3">审核人</b>
            </td>

        </tr>
    </tfoot>
</table>

在这里插入图片描述

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值