（超级详细秒懂）带你秒懂web电子账单板块代码

南山下的大象

已于 2022-11-17 21:14:47 修改

阅读量194

点赞数

分类专栏： web 文章标签： html5

于 2022-10-30 12:57:55 首次发布

本文链接：https://blog.csdn.net/weixin_56102955/article/details/127597806

版权

web 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一，网上转账电子账单一ppt（源码如下）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
		<head>

			<meta charset="UTF-8">
			<title>网上转账电子账单</title>

			<style>
			table {
				width: 800px;
			    text-align: center;
			    margin:auto;
			}
			
			</style>
            </head>
		<!--
thead语义化标签，是表头
tbody是表身
column列的意思
colspan合并列的意思
rospan合并行的意思
		-->




		<body>
		<h1>网上转账电子账单</h1>
		<table border="1" cellpadding="0" cellspacing="0" >
		<thead>
			<tr>
				<td colspan="2">回单类型</td>
				
				<td>网上转账汇款</td>
				<td colspan="2">指令序号</td>
		        <td>HQH1829000000000</td>
			</tr>
		</thead>


		<tbody>

			<tr>
				<td rowspan="4">收款人</td>
				<td>户名</td>
				<td>老牛</td>
				<td rowspan="4">付款人</td>
				<td>户名</td>
				<td>老刘</td>
			</tr>

			<tr>
				
				<td>卡号</td>
				<td>0000000</td>
				
				<td>卡号</td>
				<td>10000000</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>100</td>
			    <td colspan="2">手续费</td>
			    
			    <td>0.87</td>
			</tr>



		<tr>
			<td colspan="2">合计</td>
			<td colspan="3">一百元</td>
		</tr>
				

			
		<tr>
			<td colspan="2">交易时间</td>
			<td colspan="2">2007/12</td>
			<td>时间差</td>
			<td>2007/10</td>
		</tr>
			
			

			</tbody>
			</table>
		
		票据打印时间：2007/12<br><del>打印单位：江苏</del><br>操作员
		</body>
		</html>

二，将进酒二ppt（源码如下）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>将进酒</title>
	<style>
	     .img {
	     	width: 100px;
	     	float: left;
	     }
	     .news
	     {
	     	width: 500px;
	     	float: right;
	     }

    </style>
</head>
<body>
<img src="C:\Users\victory\Pictures\Camera Roll\李白2.jpg">
<div class="news">
<h1>将进酒</h1> <strong>君不见黄河之水天上来</strong><br>
君不见黄河之水天上来，奔流到海不复回。<br>
君不见高堂明镜悲白发，朝如青丝暮成雪。<br>
人生得意须尽欢，莫使金樽空对月。<br>
天生我材必有用，千金散尽还复来。<br>
烹羊宰牛且为乐，会须一饮三百杯。<br>
岑夫子，丹丘生，将进酒，杯莫停。<br>
与君歌一曲，请君为我侧耳听。<br>
钟鼓馔玉不足贵，但愿长醉不复醒。<br>
古来圣贤皆寂寞，惟有饮者留其名。<br>
陈王昔时宴平乐，斗酒十千恣欢谑。<br>
主人何为言少钱，径须沽取对君酌。<br>
五花马，千金裘，<br>
呼儿将出换美酒，与尔同销万古愁。<br>
</div>

	
</body>
</html>

三,ppt（源码如下）

在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
		<head>
			<meta charset="UTF-8">
			<title>图片作业</title>
			<style>
			


			</style>

		</head>
		<body>
		<h1>热门电影板块</h1>
		<hr> 
		<strong>最新热门电影</strong>			<b>热门</b>   <b>最新</b>    <b>豆瓣高分</b>     <b>冷门</b>     <b>华语</b>
		<br>
		<hr>


		<img src="../image/movie1.jpg">
		<img src="../image/movie2.jpg">
		<img src="../image/movie3.jpg">
		<img src="../image/movie4.jpg">
		
		<img src="../image/movie5.jpg">
		<img src="../image/movie6.jpg">
		<img src="../image/movie7.jpg">
		<img src="../image/movie8.jpg">




			
		</body>
		</html>