1.完成用户注册页面
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
#container{
background:white;
color:#2289F0;
padding:15px;
margin:100px auto 0px;
width:600px;
text-align:center;
font-family:"微软雅黑 Light";
box-shadow:10px 10px 15px black ;
}
hr{width:80%;
border:#2289F0 1px solid ;
margin-bottom:15px;
}
body{background:#cccccc;}
input{width:180px;
height:20px;
margin:5px;
font-size:16px;
font-family:"微软雅黑 Light";}
button{width:120px;
height:40px;
background:#2289F0;
border:0px;
color:white;
margin:10px;
font-size:18px;
font-family:"微软雅黑 Light";
font-weight:bold;}
button:hover{background:#00c8D0;}
</style>
</head>
<body>
<div id="container">
<h1>用户注册页面</h1>
<hr/>
<!---表单-->
<form method="post" action="URL" autocomplete="on"> <!--根据记忆自动补全-->
<label>用户名:
<input type="text" name="username" placeholder="请输入用户名" required />
<!--placeholder=添加提示语句 required非空验证-->
</label><br/>
<label>密  码:
<input type="password" name="pwd" placeholder="请输入密码" required />
</label><br/>
<label>确 认:
<input type="password" name="pwd2" placeholder="请再次输入密码" required />
</label><br/>
<label>姓  名:
<input type="text" name="name" placeholder="请输入真实姓名" required />
</label><br/>
<label>邮  箱:
<input type="email" name="email" placeholder="请输入电子邮箱" required />
</label><br/>
<button type="submit"> 提交注册 </button>
</form>
</div>
</body>
</html>
2.完成电子汇款单页面
<!DOCTYPE HTML>
<HTML>
<HEAD>
<META CHARSET="UDF-8">
<TITLE>表格作业</TITLE>
</HEAD>
<BODY><h1>建设银行电子汇款单</h1>
<table border="1" cellpadding="0" cellspacing="0"><tr>
<td colspan="2"><b>回单类型<b/></td>
<td>网上转单汇款</td>
<td colspan="2"><b>指令序号<b/></td>
<td>JS123456789876543210</td>
</tr>
<tr><td rowspan="4"><b>收款人<b/></td>
<td>户名</td>
<td>成千荣</td>
<td rowspan="4"><b>付款人<b/></td>
<td>户名</td>
<td>经理</td>
</tr>
<tr>
<td><b>卡号<b/></td>
<td>1314520000000</td>
<td><b>卡号<b/></td>
<td>9977886655443</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><u>钞票</u></td>
<tr><td colspan="2"><b>金额<b/></td>
<td>1亿元</td>
<td colspan="2"><b>手续费<b/></td>
<td>100元</td>
</tr>
<tr>
<td colspan="2"><b>合计<b/></td>
<td colspan="4">人民币(大写)壹亿元整</td>
</tr>
<tr>
<td colspan="2"><b>交易时间<b/></td>
<td>2024年3月27日</td>
<td colspan="2"><b>时间戳<b/></td>
<td>2024-03-27-18:00:00。00000</td>
</tr>
</table>
<p>票据打印时间:2024-3-27 22:00:24</p>
<p><del>票据打印单位:陕西西安业务中心</del></p>
<p>操作官:经理</p>
</BODY>
</HTML>
3.完成诗词页面
4.完成豆瓣电影页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>豆瓣电影页面</title>
<style type="text/css">
p{text-align: left;}
</style>
</head>
<body>
<h1>热门电影板块</h1>
<hr />
<table width="40%">
<tr>
<td><b>最近热门电影</b></td>
<td>热门</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门最佳</td>
<td>华语</td>
<td>欧美</td>
<td>韩国</td>
<td>日本</td>
<td>更多>></td>
</tr>
</table>
<hr />
<table width=45%"">
<tr>
<td>
<img src="../04.图片音频视频/image/999.png" width="150px" height="200px"/>
<p>猜火车 8.1</p>
</td>
<td>
<img src="../04.图片音频视频/image/998.png" width="150px" height="200px"/>
<p>贝尔实验 6.0</p>
</td>
<td>
<img src="../04.图片音频视频/image/997.png" width="150px" height="200px"/>
<p>加州公路巡警 6.8</p>
</td>
<td>
<img src="../04.图片音频视频/image/996.png" width="150px" height="200px"/>
<p>那声不绝 6.3</p>
</td>
</tr>
<tr>
<td>
<img src="../04.图片音频视频/image/995.png" width="150px" height="200px"/>
<p>明日的我与昨日的我</p>
</td>
<td>
<img src="../04.图片音频视频/image/994.png" width="150px" height="200px"/>
<p>速度与激情8</p>
</td>
<td>
<img src="../04.图片音频视频/image/993.png" width="150px" height="200px"/>
<p>极速特工</p>
</td>
<td>
<img src="../04.图片音频视频/image/992.png" width="150px" height="200px"/>
<p>金刚狼3:殊死一战</p>
</td>
</tr>
</table>
</body>
</html>