前端之用HTML做一个汇款单

作者：繁依Fanyi0 | 2024-03-14 03:08:03

踩

前端之用HTML做一个汇款单

例子

代码

里面注释是我我对运用到的知识的理解


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>工商银行电子汇款单</title>
</head>
<body>
    <h3>工商银行电子汇款单</h3>
    <table border="1px" width="900px" cellspacing="0" cellpadding="0">
        <!-- 
            编写这个的思路可以以第一行为基准，然后根据实际情况，进行行列的合并。
            比如说在例子中下面的表格有两行在一行的第一列下面，那么第一行的第一
            列可以进行一下列的合并，合并两列。然后调整宽度，调整宽度只在第一行
            调整即可，只要下面的表格数量可以和你在第一行设置的表格数量相同，后
            面会自动对其。最后调整字体的居中问题
        -->
        <tr>
            <td colspan="2" width="100px"><b>回单类型</b></td>
            <td width="300px">网上转账汇款</td>
            <td colspan="2" width="100px"><b>指令序号</b></td>
            <td width="400px">HQH0000000000000013878172</td>
        </tr>
 
        <tr>
            <td rowspan="4" align="center" width="20px"><b>收款人</b></td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4" align="center" width="20px"><b>付款人</b></td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <td><b>卡号</b></td>
            <td>0000000001</td>
            <td><b>卡号</b></td>
            <td>0000000002</td>
        </tr>
        <tr>
            <td>地点</b></td>
            <td>南京</td>
            <td>地点</td>
            <td>杭州</td>
        </tr>
        <tr>
                <td><b>网点</b></td>
                <td>工商江苏南京业务处理中心</td>
                <td><b>网点</b></td>
                <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="2"><b>币种</b></td>
            <td>人民币</td>
            <td colspan="2"><b>钞汇标志</b></td>
            <td><u>钞票</u></td>
        </tr>
        <tr>
            <td colspan="2"><b>金额</b></td>
            <td>1.00元</td>
            <td colspan="2"><b>手续费</b></td>
            <td>0.57元</td>
        </tr>
        <tr>
            <td colspan="2"><b>合计</b></td>
            <td colspan="4">人民币（大写）：壹元整</td>
        </tr>
        <tr>
            <td colspan="2"><b>交易时间</b></td>
            <td><i>2017年6月1日</i></td>
            <td colspan="2"><b>时间戳</b></td>
            <td><i>2017-06-01-13.00.00. 00000</i></td>
        </tr>
    </table>
    <p>票据打印时间：2017-06-01</p>
    <p><del>票据打印单位：江苏徐州业务中心</del></p>
    <p>操作员：大曾</p>
</body>
</html>

结果

不嫌弃的点点关注，点点赞 ଘ(੭ˊᵕˋ)੭* ੈ✩‧₊˚

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/232102?site