作业1:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>1</title>
</head>
<body>
<form action="" method="post">
<div>
<label for="UserName">用户名:</label>
<input type="text" name="UserName" id="UserName" pattern="\d{15}" maxlength="20"/>
</div>
<div>
<label for="UserPass">密码:</label>
<input type="password" name="UserPass" id="UserPass" required pattern="\d{15}" maxlength="20"/>
</div>
<div>
<label>性别:</label>
<input type="radio" name="sex" checked value="男"> 男
<input type="radio" name="sex" value="女"> 女 <br>
</div>
<div>
<label>爱好:</label>
<input type="checkbox" id="爱好1" name="like" value="1">
<label for="爱好1">写作</label>
<input type="checkbox" id="爱好2" name="like" value="2">
<label for="爱好2">听音乐</label>
<input type="checkbox" id="爱好3" name="like" value="3">
<label for="爱好3">体育</label>
</div>
<div>
<label>省份:</label>
<select name="province">
<option>--请选择--</option>
<option value="shaanxi">陕西省</option>
<option value="shanx">山西省</option>
</select>
</div>
<div>
<label >自我介绍</label>
<textarea name="intro" cols="25" rows="5">这个家伙什么也没留下</textarea>
</div>
<input type="send" value="提交">
<input type="reset" value="重置">
</form>
</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>2</title>
</head>
<body>
<p><h1>工商银行电子汇款单</h1></p>
<table border="1" width="100%" height="100%">
<tr>
<td colspan="2">回单类型</td>
<td>网上转账汇款</td>
<td colspan="2">指令序号</td>
<td>HQH0000000000000013878172</td>
</tr>
<tr>
<td rowspan="4" align="left">收<br>款<br>人</td>
<td>户名</td>
<td>老牟</td>
<td rowspan="4">付<br>款<br>人</td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td>卡号</td>
<td>000000000001</td>
<td>卡号</td>
<td>000000000002</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>1.00元</th>
<td colspan="2">手续费</td>
<td>0.57元</td>
</tr>
<tr>
<td colspan="2">合计</td>
<td colspan="4">人民币(大写):壹元整</td>
</tr>
<tr>
<td colspan="2">交易时间</td>
<td>2017年6月1日</td>
<td colspan="2">时间戳</td>
<td>2017-06-01-13.00.00.00000</td>
</tr>
</table>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><del>票据打印单位:江苏徐州业务中心</del></p>
<p>操作员:大曾
</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>3</title>
</head>
<body>
<h1>将近酒 君不见黄河之水天上来</h1>
<table>
<td><img src="https://img0.baidu.com/it/u=4105611976,3097720858&fm=253&fmt=auto&app=120&f=JPEG?w=475&h=651" alt=""></td>
<td><pre>
君不见黄河之水天上来,奔流到海不复回。
君不见高堂明镜悲白发,朝如青丝暮成雪。
人生得意须尽欢,莫使金樽空对月。
天生我材必有用,千金散尽还复来。
烹羊宰牛且为乐,会须一饮三百杯。
岑夫子,丹丘生, 将进酒,杯莫停 。
与君歌一曲,请君为我倾耳听。
钟鼓馔玉不足贵,但愿长醉不复醒。
古来圣贤皆寂寞,惟有饮者留其名,
陈王昔时宴平乐,斗酒十千恣欢谑,
主人何为言少钱,径须沽取对君酌。
五花马,千金裘,
呼儿将出换美酒,与尔同销万古愁。
</pre></td>
</table>
</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>4</title>
</head>
<body>
<h1>热门电影板块</h1>
<hr>
<h2>最近热门电影
热门
最新
豆瓣高分
冷门佳片
华语
欧美
韩国
日本
<a href="https://movie.douban.com/explore#!type=movie&tag=%E8%B1%86%E7%93%A3%E9%AB%98%E5%88%86">更多>></a>
</h2>
<hr>
<h3>
<a href="https://movie.douban.com/subject/35280899/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2907965629.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/35359715/?tag=%E7%83%AD%E9%97%A8&from=gaia_video" target="_blank">
<img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2908249257.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/35561161/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2898016324.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/36406625/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2905660047.jpg" alt="">
</a>
</h3><br>
<a href="https://movie.douban.com/subject/35280899/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">扫黑-决不放弃 6.5</a>
<a href="https://movie.douban.com/subject/35359715/?tag=%E7%83%AD%E9%97%A8&from=gaia_video" target="_blank">朝云暮雨 6.2</a>
<a href="https://movie.douban.com/subject/35561161/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">飞翔吧!奇遇2 6.7</a>
<a href="https://movie.douban.com/subject/36406625/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">1980 6.1</a>
<br>
<a href="https://movie.douban.com/subject/26656728/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img9.doubanio.com/view/photo/s_ratio_poster/public/p2908242515.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/34996127/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2908300510.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/34453198/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2907697298.jpg" alt="">
</a>
<a href="https://movie.douban.com/subject/36085987/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">
<img src="https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2906121487.jpg" alt="">
</a>
<br>
<a href="https://movie.douban.com/subject/26656728/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">冰者之心 9.0</a>
 <a href="https://movie.douban.com/subject/34996127/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">疯狂的麦克斯:狂暴女神 7.5</a>
<a href="https://movie.douban.com/subject/34453198/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">梦境 6.5</a>
<a href="https://movie.douban.com/subject/36085987/?tag=%E7%83%AD%E9%97%A8&from=gaia" target="_blank">犯罪都市4 6.6</a>
</body>
</html>