1.李白将进酒
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>将进酒 <small>君不见黄河之水天上来</small></h1>
<table>
<tr>
<td><img src=".\1.png" alt="图片加载中..." left width="75%",height="=75%"></td>
<td>
<pre >
<b >
君不见黄河之水天上来,奔流到海不复回。
君不见高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯,
岑夫子,丹丘生,将进酒,杯莫停。
与君歌一曲,请君为我侧耳听。
钟鼓惺玉不足贵,但愿长醉不复醒.
古来圣贤皆我真,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马,干金袭,
呼儿将出换美酒,与尔同销万古愁。
</b>
</pre>
</td>
</tr>
</table>
</body>
</html>
效果图:
2.银行汇款单
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>工商银行电子汇款单</h1>
<table border="1" cellpading=0 cellspacing=0 width="75%" height="100%">
<tr>
<th colspan="2" width=9%>回单类型</th>
<td width=35%>网上转账汇款</td>
<th colspan="2" >指令序号</th>
<td width=35%>HQH0000000000000013878172</td>
</tr>
<tr>
<td rowspan="4" width="3%"><b>收款人</b></td>
<td>户名</td>
<td>XXXXXX</td>
<td rowspan="4" width="3"><b>付款人</b></td>
<td>户名</td>
<td>XXXXXX</td>
</tr>
<tr>
<td><b>卡号</b></td>
<td>000000000000001</td>
<td><b>卡号</b></td>
<td>000000000000002</td>
</tr>
<tr>
<td><b>地区</b></td>
<td>南京</td>
<td><b>地区</b></td>
<td>杭州</td>
</tr>
<tr>
<td><b>网点</b></td>
<td>工商江苏南京业务处理中心</td>
<td><b>网点</b></td>
<td>江苏徐州业务中心</td>
</tr>
<tr>
<td colspan="2" width="9%"><b>币种</b></td>
<td>人民币</td>
<td colspan="2" width="9%"><b>钞汇标志</b></td>
<td>钞墨</td>
</tr>
<tr>
<td colspan="2" width="9%"><b>金额</b></td>
<td>1.00元</td>
<td colspan="2" width="9%"><b>手续费</b></td>
<td>0.01元</td>
</tr>
<tr>
<td colspan="2" width="9%"><b>合计</b></td>
<td colspan="4">人民币(大写):壹元整</td>
</tr>
<tr>
<td colspan="2" width="9%"><b>交易时间</b></td>
<td>2017年6月1日</td>
<td colspan="2" width="9%"><b>时间线</b></td>
<td>2017-06-01-13.00.00。000000</td>
</tr>
</table>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><del>票据打印单位:江苏徐州业务中心</del></p>
<p>操作员:大曾</p>
</body>
</html>
效果图:
!](https://img-blog.csdnimg.cn/f11b14a521c94554a58e8f3829e88312.png)
3.电影网站
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h1>热门电影板块</h1>
<hr style="width: 90rem;">
<p ><b> 最近热门电影</b> 热门 最新 豆瓣高分
冷门佳片 华语 欧美 韩国
日本 更多>>>
</p>
<hr style="width: 90rem;">
<table >
<tr>
<img src="D:\web前端\2.png" alt="loading... " width="20%" height="20%">
<img src="D:\web前端\3.png" alt="loading..." width="20%" height="20%">
<img src="D:\web前端\4.png" alt="loading..." width="20%" height="20%">
<img src="D:\web前端\5.png" alt="loading..." width="20%" height="20%">
</tr>
<tr>
<td width="10%" > 猜火车 8.1</td>
<td width="10%">贝尔科实验 6.0</td>
<td width="10%">加州公路巡警 6.8</td>
<td width="20%">歌声不绝 6.3</td>
</tr>
</table>
<table>
<tr>
<img src="D:\web前端\6.png" alt="loading... " width="20%" height="20%">
<img src="D:\web前端\7.png" alt="loading..." width="20%" height="20%">
<img src="D:\web前端\8.png" alt="loading..." width="20%" height="20%">
<img src="D:\web前端\9.png" alt="loading..." width="20%" height="20%">
</tr>
<tr>
<td width="10%"> 明日的我与昨日的我</td>
<td width="10%">速度邦度与激情8</td>
<td width="10%">极速特工</td>
<td width="20%">金刚狼3:殊死一战</td>
</tr>
</table>
</body>
</html>
效果图: