前端之用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>