1.用户注册页面创建
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册页面</title>
</head>
<body>
<form action="www.baidu.com" method="get">
<table border="1px" align="center" cellspacing = "0">
<tr>
<th colspan="2">用户注册</th>
</tr>
<tr>
<td>用户名</td>
<td><input type="username" value="" placename = "username" > </td>
</tr>
<tr>
<td>密码框</td>
<td><input type="password" name="password"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="gender" value="男" checked >男
<input type="radio" name="gender" value="女">女</td>
</tr>
<tr>
<td>意向岗位</td>
<td><input type="checkbox" name="work" value="java" >java工程师
<input type="checkbox" name="work" value="python">python工程师<br>
<input type="checkbox" name="work" value="go">go工程师
</td>
</tr>
<tr>
<td>爱好</td>
<td><input type="checkbox" name="penchant" value="ski">滑雪
<input type="checkbox" name="penchant" value="music">音乐
<input type="checkbox" name="penchant" value="dance">跳舞
</td>
</tr>
<tr>
<td>省份</td>
<td><select name="省份" >
<option value="陕西省">陕西省</option>
<option value="山西省">山西省</option>
<option value="广东省">广东省</option>
</select></td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea name="introduce" cols="30" rows="10"></textarea>
</td>
</tr>
<tr >
<th colspan="2"><input type="reset"> <input type="button" name="提交" value="提交"></th>
</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>
<b> <front style="color: black;">工商银行电子汇款单</front></b>
<table border="1px" cellspacing = "0"
title="工商银行电子汇款单">
<tr>
<td colspan="2" >回单类型</td>
<td>网上转账汇款</td>
<td colspan="2">指令序号</td>
<td>HQH00000000000000018591709815</td>
</tr>
<tr>
<td rowspan="4">收款人</td>
<td>户名</td>
<td>老牟</td>
<td rowspan="4">收款人</td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td>卡号</td>
<td>0000000000000001</td>
<td>卡号</td>
<td>0000000000000002</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元</td>
<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-130000.0000</td>
</tr>
</table>
<front style="color: black;">
票据打印时间:2017-06-01 15:00:12 <br>
<s>票据打印单位:江苏徐州业务中心</s><br>
操作员:王</front>
</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>
<strong><front style="color: black;" >将进酒</front></strong>
<front style="color: black;">君不见黄河之水天上来</front><br>
<img src="image/李白.jpg"
width="200px"
height="400px"
align = "left">
<p><nbsp> </nbsp></p>
君不见黄河之水天上来,奔流到海不复回<br>
看不见高堂明镜悲白发,朝如青丝暮成雪<br>
人生得意须尽欢,莫使金樽空对月<br>
天生我材必有用,千金散尽还复来<br>
烹羊宰牛且为乐,会须一饮三百杯子<br>
岑夫子,丹丘生将进酒,杯莫停<br>
与君歌一曲,请君为我侧耳听。<br>
钟鼓馔玉不足贵,但愿长醉不复醒。<br>
古来圣贤皆寂寞,惟有饮者留其名。<br>
陈王昔时宴平乐,斗酒十千恣欢谑。<br>
主人何为言少钱,径须沽取对君酌。<br>
五花马,千金裘,呼儿将出换美酒,与尔同销万古愁。<br>
</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>热门电影板块</strong>
<hr>
<strong>最近热门电影</strong> 热门 最新 豆瓣高分 冷门佳片 华语 欧美 韩国 日本 更多>>
<hr>
<table cellspacing = "10">
<tr>
<td><img src="image2/沙丘2.jpg" ><div style="border-bottom: 0cap;">沙丘2</div></td>
<td><img src="image2/狗神.jpg" ><div style="border-bottom: 0cap;">狗神2</div></td>
<td><img src="image2/第二十条.jpg"><div style="border-bottom: 0cap;">第二十条</div></td>
</tr>
<tr>
<td><img src="image2/红毯先生.jpg"><div style="border-bottom: 0cap;">红毯先生</div></td>
<td><img src="image2/被我弄丢的你.jpg" alt=""><div style="border-bottom: 0cap;">被我弄丢的你</div></td>
<td><img src="image2/飞驰人生2.jpg" alt=""><div style="border-bottom: 0cap;">飞驰人生2</div></td>
</tr>
</table>
</body>
</html>