1.完成用户注册界面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>注册界面</title>
</head>
<body>
<form action="https://www.baidu.com">
<table border="1px" width="300" height="400" >
<tr>
<td colspan="2"><center><strong>用户注册</strong></center></td>
<!-- <td></td> -->
</tr>
<tr>
<td>用户名</td>
<td><input type="text" name="Username" id="Username" value=""></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="Userpass" id="Userpass" value="" minlength="15" maxlength="20"></td>
</tr>
<tr>
<td>性别</td>
<td>
<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="like" value="write">写作
<input type="checkbox" name="like" value="music">音乐
<input type="checkbox" name="like" value="sports">体育
</td>
</tr>
<tr>
<td>省份</td>
<td>
<select name="province" >
<option value="shanxi">陕西省</option>
<option value="shanxi">山西省</option>
<option value="hunan">湖南省</option>
<option value="shanxi">.....</option>
</select>
</td>
</tr>
<tr>
<td>自我介绍</td>
<td>
<textarea name="intro" rows="3" cols="30" placeholder="这个家伙什么也没留下"></textarea>
</td>
</tr>
<tr>
<td colspan="2">
<center> <button ty="submit" name="send">提交</button>
<button type="reset" name="reset">重置</button></center>
</td>
<!-- <td></td> -->
</tr>
</table>
</form>
</body>
</html>
2.完成工商银行电子汇款单页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>转转页面</title>
</head>
<body>
<hr>
<h1>工商银行电子汇款单</h1>
<table border="1px" width="1000" height="500px">
<tr>
<td colspan="2">回单类型</td>
<!-- <td></td> -->
<td>网上转账汇款</td>
<td colspan="2">指令序号</td>
<!-- <td></td> -->
<td>HQH0000000000000013878172</td>
</tr>
<tr>
<td rowspan="4">收<br>款<br>人</td>
<td>户号</td>
<td>老默</td>
<td rowspan="4">付<br>款<br>人</td>
<td>户号</td>
<td>老李</td>
</tr>
<tr>
<!-- <td></td> -->
<td>卡号</td>
<td>000000000001</td>
<!-- <td></td> -->
<td>卡号</td>
<td>000000000002</td>
</tr>
<tr>
<!-- <td></td> -->
<td>地区</td>
<td>南京</td>
<!-- <td></td> -->
<td>地区</td>
<td>杭州</td>
</tr>
<tr>
<!-- <td></td> -->
<td>网点</td>
<td>工商江苏南京业务处理中心</td>
<!-- <td></td> -->
<td>网点</td>
<td>江苏徐州业务处理中心</td>
</tr>
<tr>
<td colspan="2" >币种</td>
<!-- <td></td> -->
<td>人民币</td>
<td colspan="2">钞汇标签</td>
<!-- <td></td> -->
<td>钞票</td>
</tr>
<tr>
<td colspan="2" >金额</td>
<!-- <td></td> -->
<td>1.00元</td>
<td colspan="2">手续费</td>
<!-- <td></td> -->
<td>0.57元</td>
</tr>
<tr>
<td colspan="2" >合计</td>
<!-- <td></td> -->
<td colspan="4">人民币(大写):壹圆整</td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<td colspan="2" >交易时间</td>
<!-- <td></td> -->
<td><i>2017年6月1日</i></td>
<td colspan="2">时间线</td>
<!-- <td></td> -->
<td><i>2017-06-01-13.00.00.00000</i></td>
</tr>
</table>
票据打印时间:2017-06-01 15:00:12
<br>
<del>票据打印单位:江苏市徐州业务中心</del>
<br>
操作员:大曾
</body>
</html>
3.李白诗词
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>李白诗词</title>
</head>
<body>
<hr>
<strong><big>将进酒</big></strong> <strong>君不见黄河之水天上来</strong>
<br>
<br>
<div>
<img src="https://img2.baidu.com/it/u=1920003728,1497709431&fm=253&fmt=auto&app=138&f=JPEG?w=469&h=298"
width="200px"
height="200px"
align="left"
alt="">
<p>
<pre>
君不见黄河之水天上来,奔流到海不符回。
君不见高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
与君歌一曲,请君为我侧耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名。
陈王昔时宴平乐,斗酒十千恣欢虐。
主人何为言少钱,径须沽取对君酌。
五花马,千金裘。
呼儿将出换美酒,与儿同销万古愁。
</pre>
</p>
</div>
</body>
</html>
4.豆瓣电影
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>豆瓣电影</title>
</head>
<body>
<strong>
<big>热门电影模块</big>
</strong>
<hr>
<strong>最近热门电影</strong> 热门 最新 豆瓣最高 冷门佳片 话语 欧美 韩国 日本 更多>>
<hr>
<table width="800px" height="600px">
<tr>
<td>
<div> <img src="https://img0.baidu.com/it/u=941660064,2301562869&fm=253&fmt=auto&app=138&f=JPEG?w=800&h=1422"
width="200px" height="300px" alt="">
</div>
<br>
困兽
</td>
<td>
<div>
<img src="https://pic3.zhimg.com/v2-ae7628593dfb38a9d3be3ef9204912c2_r.jpg" width="200px" height="300px"alt="">
</div>
<br>
VENOM
</td>
<td>
<div>
<img src="https://zkres1.myzaker.com/202405/664424878e9f09604000c6fb_1024.jpg" width="200px" height="300px"alt="">
</div>
<br>
孤注一掷
</td>
<td>
<div>
<img src="https://img0.baidu.com/it/u=2687898047,481743430&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=700" width="200px" height="300px"alt="">
</div>
<br>
刀尖
</td>
</tr>
<tr>
<td><div><img src="https://img2.baidu.com/it/u=225750318,3075134609&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=668" width="200px" height="300px" alt=""></div><br>第二十条</td>
<td><div><img src="https://img0.baidu.com/it/u=983813620,1115387808&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=741" width="200px" height="300px"alt=""></div><br>THE MIDNIGHT SKY</td>
<td><div><img src="https://img0.baidu.com/it/u=3247215733,1962380978&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=741" width="200px" height="300px"alt=""></div><br>SPIOER-MRN</td>
<td><div><img src="https://img1.baidu.com/it/u=878260717,1457989128&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=714" width="200px" height="300px" alt=""></div><br>_(:з」∠)_</td>
</tr>
</table>
</body>
</html>