任务一、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>工商银行电子汇款单</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
table {
border-collapse: collapse;
width: 100%;
margin-top: 20px;
}
th,
td {
border: 1px solid #000;
padding: 8px;
text-align: left;
}
th {
background-color: #f2f2f2;
}
/* 新增样式，用于调整指令序号所在单元格的宽度 */
.instruction-cell {
width: 20%;
}
.strike {
text-decoration: line-through;
}
</style>
</head>
<body>
<h1>工商银行电子汇款单</h1>
<table>
<tr>
<th colspan="2">回单类型</th>
<th colspan="2">网上转账汇款</th>
<th class="instruction-cell">指令序号</th>
<th colspan="2">HQH00000000000000013878172</th>
</tr>
<tr>
<th rowspan="4">收款人</th>
<td>户名</td>
<td>老牟</td>
<th rowspan="4">付款人</th>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td>卡号</td>
<td>0000000000001</td>
<td>卡号</td>
<td>0000000000002</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">币种</td>
<td>人民币</td>
<td colspan="2">钞汇标志</td>
<td>钞票</td>
</tr>
<tr>
<td colspan="2">金额</td>
<td>1.00元</td>
<td colspan="2">手续费</td>
<td>0.57元</td>
</tr>
<tr>
<td colspan="2">合计</td>
<td colspan="4">人民币（大写）：壹圆整</td>
</tr>
<tr>
<td colspan="2">交易时间</td>
<td>2017年6月1日</td>
<td colspan="2">时间戳</td>
<td>2017-06-01-13.00.00.000000</td>
</tr>
</table>
<p>票据打印时间：2017-06-01 15:00:12</p>
<p><span class="strike">票据打印单位：江苏徐州业务中心</span></p>
<p>操作员：大曾</p>
</body>
</html>
任务二、
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>李白诗词 - 将进酒</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 20px;
}
h1 {
text-align: center;
}
table {
border-collapse: collapse;
}
td {
vertical-align: top;
}
img {
width: 600px;
}
h1 span {
font-size: 1.2em;
}
</style>
</head>
<body>
<h1><span>将进酒</span> 君不见黄河之水天上来</h1>
<table>
<tr>
<td>
<img src="https://img0.baidu.com/it/u=2105210244,3349467435&fm=253&fmt=auto&app=138&f=JPEG?w=664&h=500"
alt="李白画像">
</td>
<td>
<p>君不见黄河之水天上来，奔流到海不复回。</p>
<p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
<p>人生得意须尽欢，莫使金樽空对月。</p>
<p>天生我材必有用，千金散尽还复来。</p>
<p>烹羊宰牛且为乐，会须一饮三百杯。</p>
<p>岑夫子，丹丘生，将进酒，杯莫停。</p>
<p>与君歌一曲，请君为我侧耳听。</p>
<p>钟鼓馔玉不足贵，但愿长醉不复醒。</p>
<p>古来圣贤皆寂寞，惟有饮者留其名。</p>
<p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
<p>主人何为言少钱，径须沽取对君酌。</p>
<p>五花马，千金裘，</p>
<p>呼儿将出换美酒，与尔同销万古愁。</p>
</td>
</tr>
</table>
</body>
</html>
<p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
<p>主人何为言少钱，径须沽取对君酌。</p>
<p>五花马，千金裘，</p>
<p>呼儿将出换美酒，与尔同销万古愁。</p>
</td>
</tr>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
