<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单</title>
<style>
table{border-collapse:collapse;}
</style>
</head>
<body>
<h2>工商银行电子汇款单</h2>
<table border="2" width="60%>"
<tr>
<td colspan="2"><b>回单类型</b></td>
<td>网上转账汇款</td>
<td colspan="2"><b>指令程序</b></td>
<td>HQH00000000000000013878172</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>00000000000001</td>
<td><b>卡号</b></td>
<td>00000000000002</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>钞票</td>
</tr>
<tr>
<td colspan="2"><b>金额</b></td>
<td>1.00元</td>
<td colspan="2"><b>手续费</b></td>
<td>0.57元</td>
</tr>
<tr>
<td colspan="2"><b>合计</b></td>
<td colspan="4">人民币(大写)壹元整</td>
</tr>
<tr>
<td colspan="2"><b>交易时间</b></td>
<td>2017年6月1日</td>
<td colspan="2"><b>时间戳</b></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>操作员:大陈</p>
</body>
</html>
<!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="80%">
<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="80%">
<tr>
<td>
<img src="Z world war.jfif" width="150px" height="200px"/>
<p>Z world war</p>
</td>
<td>
<img src="阿甘正传.jpg" width="150px" height="200px"/>
<p>阿甘正传</p>
</td>
<td>
<img src="大鱼海棠.jfif" width="150px" height="200px"/>
<p>大鱼海棠</p>
</td>
<td>
<img src="盗梦空间.jfif" width="150px" height="200px"/>
<p>盗梦空间</p>
</td>
</tr>
<tr>
<td>
<img src="哥斯拉.jfif" width="150px" height="200px"/>
<p>哥斯拉</p>
</td>
<td>
<img src="声之形.jfif" width="150px" height="200px"/>
<p>声之形</p>
</td>
<td>
<img src="哆啦A梦.jfif" width="150px" height="200px"/>
<p>哆啦A梦</p>
</td>
<td>
<img src="猫和老鼠.jfif" width="150px" height="200px"/>
<p>猫和老鼠</p>
</td>
</tr>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<style type="text/css">
table{
width: 50%;
height: 350px;
border: 1px solid whitw;
}
.td{text-align: right;}
.trl{background-color: darkgray;}
.tr2{background-color: lightgray;}
</style>
</head>
<body>
<table>
<form>
<tr class="tr1"><td colspan="2" align="center">用户注册</td></tr>
<tr class="tr2"><td class="td">用户名</td>
<td><input type="text" name="User Name" maxlength="15"/></td></tr>
<tr class="tr2">
<td class="td">密码</td>
<td>
<input type="password" name="User Name" maxlength="15"/>
</td>
</tr>
<tr class="tr2">
<td class="td">性别</td>
<td>
<input type="radio" name="sex" checked="checked"/>男
<input type="radio" name="sex"/>女
</td>
</tr>
<tr class="tr2">
<td class="td">爱好</td>
<td>
<input type="checkbox" name="like"/>写作
<input type="checkbox" name="like"/>听音乐
<input type="checkbox" name="like"/>体育
<input type="checkbox" name="like"/>看书
</td>
</tr>
<tr class="tr2">
<td class="td">省份</td>
<td>
<select name="province">
<option value="shananxi" selected>陕西省</option>
<option value="shanx">山西省</option>
<option value="sichuan">四川省</option>
</select>
</td>
</tr>
<tr class="tr2">
<td class="td">自我介绍</td>
<td>
<textarea name="intro" cols="25" rows="5"></textarea>
</td>
</tr>
<tr class="trl">
<td colspan="2" align="center">
<input name="send" type="submit" value="提交"/>
<input name="reset" type="reset" value="重置"/>
</td>
</tr>
</form>
</table>
</body>
</html>