web前端表格制作

Despairsss

已于 2023-12-16 09:43:56 修改

阅读量386

点赞数 6

文章标签：前端

于 2023-12-11 16:53:05 首次发布

本文链接：https://blog.csdn.net/2301_80177550/article/details/134931040

版权

一、实验题目

1.电子汇款单的制作

2.源代码及效果展示

二、实验步骤

<!DOCTYPE html>
<head>
	<meta charset="UTF-8">
	<title>工商银行电子汇款单</title>
	<style type="text/css"></style>
</head>
<body>
	<h2>工商银行电子汇款单</h2>
	<table border="1">
		<tr>
			<td colspan="2"><b>回单类型</b></td>
			<td>网上转账汇款</td>
			<td colspan="2"><b>指令序号</b></td>
			<td>HQH000000000013878172</td>
		</tr>
		<tr>
			<td rowspan="4" style="text-align: center; width: 30px;"><b>收款人</b></td>
			<td>户名</td>
			<td>老牟</td>
			<td rowspan="4" style="text-align: center; width: 30px;"><b>付款人</b></td>
			<td>户名</td>
			<td>老刘</td>
		</tr>
		<tr>
			<td><b>卡号</b></td>
			<td>000000000001</td>
			<td><b>卡号</b></td>
			<td>000000000002</td>
		</tr>
		<tr>
			<td>地区</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>钞票</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>2017年6月1日</td>
			<td colspan="2"><b>时间戳</b></td>
			<td><i>2017-06-01-13.00.00.00000</i></td>
		</tr>
	</table>
	<div>
			<span class="span">票据打印时间：2017-06-01 15:00:12</span><br>
			<span class="span"><del>票据打印单位：江苏徐州业务中心</del></span><br>
			<span class="span">操作员：大曾</span><br>
		</div>
</body>
</html>