前端之用HTML做一个汇款单

板栗妖怪

于 2024-03-12 14:55:33 发布

阅读量549

点赞数 1

分类专栏：前端学习文章标签：前端 html

本文链接：https://blog.csdn.net/banliyaoguai/article/details/136652490

版权

前端学习专栏收录该内容

32 篇文章 0 订阅

订阅专栏

该篇文章详细描述了一个工商银行电子汇款单的HTML代码实现，涉及表格布局、数据展示和格式化，展示了如何使用HTML构建银行电子回单的样式。

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

例子

代码

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

<!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>