第一题
<!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>用户注册 </hr>
<form action="">
<p>用户名 <input type="text" name="UserName" maxlength="20"></p>
<p>密码 <input type="password" name="UserPass" maxlength="20"></p>
<p>性别 <input type="radio" name="Sex" value="1" id="" checked>男
<input type="radio" name="Sex" value="0" id="">女</p>
<p>爱好 <input type="checkbox" name="like">写作
<input type="checkbox" name="like">听音乐
<input type="checkbox" name="like">体育</p>
<p>省份 <select name="province" id="" >
<option value="shananxi">陕西省</option>
<option value="shanx">山西省</option>
</select></p>
<p>自我介绍<textarea name="intro" id="" cols="25" rows="5" placeholder="这个家伙什么也没留下"></textarea></p>
<p><button type="submit" name="send">提交</button>
<button type="reset" name="reset">重置</button></p>
</form>
</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>
</head>
<body>
<b>工商银行电子汇款单</b>
<table border="1px" width="400px" height="400px" >
<tr>
<td colspan="2">回单类型</td>
<!-- <td></td> -->
<td colspan="6">网上转账汇款</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td colspan="2">指令序号</td>
<!-- <td></td> -->
<td colspan="6">HQH0000000000000000000000</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td rowspan="4">收款人</td>
<td>户名</td>
<td colspan="6">老牟</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td rowspan="4">付款人</td>
<td>户名</td>
<td colspan="6">老刘</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<!-- <td></td> -->
<td>卡号</td>
<td colspan="6">0000000000001</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td>卡号</td>
<td colspan="6">000000000002</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<!-- <td></td> -->
<td>地区</td>
<td colspan="6">南京</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td>地区</td>
<td colspan="6">杭州</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<!-- <td></td> -->
<td>网点</td>
<td colspan="6">工商江苏南京业务处理中心</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td>网点</td>
<td colspan="6">江苏徐州业务中心</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td colspan="2">币种</td>
<!-- <td></td> -->
<td colspan="6">人民币</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td colspan="2">钞汇标志</td>
<!-- <td></td> -->
<td colspan="6">钞票</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td colspan="2">金额</td>
<!-- <td></td> -->
<td colspan="6">1.00元</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td colspan="2">手续费</td>
<!-- <td></td> -->
<td colspan="6">0.57元</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td colspan="2">合计</td>
<!-- <td></td> -->
<td colspan="14">人民币(大写):壹元整</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
<tr>
<td colspan="2">交易时间</td>
<!-- <td></td> -->
<td colspan="6">2017年6月1日</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<td colspan="2">时间戳</td>
<!-- <td></td> -->
<td colspan="6">2017-06-01-13.00.00,0000</td>
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
<!-- <td></td> -->
</tr>
</table>
<p>票据打印时间:2017-06-01 15:00:12</p>
<s>江苏徐州业务中心</s>
<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>
</head>
<body>
<big><b>将进酒</b></big>
<b>君不见黄河之水天上来</b>
<pre> 君不见,黄河之水天上来,奔流到海不复回。
君不见,高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生,将进酒,杯莫停。
与君歌一曲,请君为我倾耳听。(倾耳听 一作:侧耳听)
钟鼓馔玉不足贵,但愿长醉不复醒。(不足贵 一作:何足贵;不复醒 一作:不愿醒/不用醒)
古来圣贤皆寂寞,惟有饮者留其名。(古来 一作:自古;惟 通:唯)
陈王昔时宴平乐,斗酒十千恣欢谑。
主人何为言少钱,径须沽取对君酌。
五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。</pre>
<img src="https://ts1.cn.mm.bing.net/th/id/R-C.970a46a72448009ba29be752382b6b18?rik=SbztlOUDEO4%2bgQ&riu=http%3a%2f%2fimg.ifeng.com%2fres%2f200710%2f1029_213567.jpg&ehk=dum6UIWDDJlyK6V%2f%2fX%2bZWYyl1aW1ozoAk0UW%2blzSWeE%3d&risl=&pid=ImgRaw&r=0" alt="" width="200px" height="400px" >
</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>
</head>
<body>
<big><b>热门电影板块</b></big>
<hr>
<p><b>最近热门电影</b> 热门 最新 豆瓣评分 冷门佳片 华语 欧美 韩国 日本 更多>></p>
<hr>
<img src="./猜火车.jpg" alt="" width="200px" height="200px"> <img src="./贝尔科实验.jpg" alt="" width="200px" height="200px"> <img src="./加州公路巡警.jpg" alt="" width="200px" height="200px"> <img src="./歌声不绝.jpg" alt="" width="200px" height="200px">
<pre>猜火车 8.1 贝尔科实验 6.0 加州公路巡警 6.8 歌声不绝 6.3</pre>
<img src="./明日的我与昨日的我.jpg" alt="" width="200px" height="200px"> <img src="./速度与激情8.jpg" alt="" width="200px" height="200px"> <img src="./极速特攻.jpg" alt="" width="200px" height="200px"> <img src="./金刚狼3.jpg" alt="" width="200px" height="200px">
<pre>明日的我与昨日的我 速度与激情8 极速特攻 金刚狼3</pre>
</body>
</html>
运行结果