HTML学习分享-CSDN博客

本文链接：https://blog.csdn.net/2301_79301066/article/details/136357690

文章讲述了如何使用HTML和CSS创建一个工商银行的电子汇款单表格，重点介绍了如何通过rowspan和colspan合并单元格，以及处理合并后可能产生的多余td标签问题。

摘要由CSDN通过智能技术生成

表格的综合运用

题目：请制作如下银行电子汇款单

我的代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工商银行电子汇款单</title>
</head>
<body>
    <p>工商银行电子汇款单</p>
    <table border="2" cellspacing="0">
    <tr>
        <td colspan="2" align="center" width="200px">回单类型</td>
        <td align="center" width="600px">网上转账汇款</td>
        <td colspan="2" align="center" width="200px">指令序号</td>
        <td align="center" width="600px">213254135454</td>
    </tr>
    <tr>
        <td rowspan="4" height="200px">收款人</td>
        <td>户名</td>
        <td>张三</td>
        <td rowspan="4">付款人</td>
        <td>户名</td>
        <td>老刘</td>
    </tr>
    <tr>
        <td>卡号</td>
        <td>0000000001</td>
        <td>卡号</td>
        <td>0000000002</td>
      
        
    </tr>
    <tr>
        <td>地区</td>
        <td>南京</td>
        <td>地区</td>
        <td>杭州</td>
        
    </tr>
    <tr>
        <td>网点</td>
        <td>工商江苏南京业务处理中心</td>
        <td>网点</td>
        <td>江苏徐州业务中心</td>
        
    </tr>
    <tr>
        <td colspan="2" width="200px">币种</td>
        <td >人民币</td>
        <td colspan="2" width="200px">钞汇标志</td>
        <td>钞票</td>
    </tr>
    <tr>
        <td colspan="2" width="200px">金额</td>
        <td >1.00元</td>
        <td colspan="2" width="200px">手续费</td>
        <td>0.75元</td>
    </tr>
    <tr>
        <td colspan="2">合计</td>
        <td colspan="4">人民币（大写）：壹</td>
    </tr>
    <tr>
        <td colspan="2" width="200px">交易时间</td>
        <td >2017年6月01号</td>
        <td colspan="2" width="200px">时间戳</td>
        <td>2017-06-01-13.00.00.00000</td>
    </tr>
</table>
    <p>票据打印时间:2017-06-01 15:00:12</p>
    <p ><del>票据打印单位:江苏徐州业务中心</del></p>
    <p>操作员:大曾</p>
</body>
</html>