一、第一题：完成一个用户注册栏
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= , initial-scale=1.0">
<title>用户注册栏</title>
</head>
<body>
<table border="1px" align="center" cellspacing="0px" >
<tr>
<td colspan="2" align="center">用户注册</td>
</tr>
<tr>
<td align="right">用户名</td>
<td> <input type="text" name="username"><br></td>
</tr>
<tr>
<td align="right">密码</td>
<td><input type="password" name="password"><br></td>
</tr>
<tr>
<td align="right">性别</td>
<td><input type="radio" name="sex" value="1">男
<input type="radio" name="sex" value="2">女<br></td>
</tr>
<tr>
<td align="right">爱好</td>
<td><input type="checkbox" name="hobby" value="zu" >写作
<input type="checkbox" name="hobby" value="lan">听音乐
<input type="checkbox" name="hobby" value="tai">体育
<br>
</td>
</tr>
<tr>
<td align="right">省份</td>
<td><select name="address">
<option value="sx"selected>陕西省</option>
<option value="gd">广东省</option>
<option value="gx">广西省</option>
<option value="xj">新疆省</option>
</select> </td>
</tr>
<tr>
<td align="right">自我介绍</td>
<td> <textarea name="introduce" placeholder="这个家伙什么也没留下" cols="25" rows="5" ></textarea></td>
</tr>
二、第二题：完成一个银行汇款单
<!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>
<table border="2px" cellspacing="0px">
<tr><h1>工商银行电子汇款单</h1></tr>
<tr>
<td colspan="3">回单类型</td>
<!-- <td></td>
<td></td> -->
<td colspan="12">网上转账汇款</td>
<!-- <td></td>
<td></td> -->
<td colspan="4">指令序号</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="19">HQH0000000000000013878172</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<td rowspan="4">
<dt>收</dt>
<dt>款</dt>
<dt>人</dt>
</td>
<td colspan="2">户名</td>
<!-- <td></td> -->
<td colspan="12">老牟</td>
<!-- <td></td>
<td></td> -->
<td rowspan="4">
<dt>收</dt>
<dt>款</dt>
<dt>人</dt>
</td>
<td colspan="3">户名</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="19">老刘</td>
<!-- <td></td>
<td></td>
</tr> -->
<tr>
<!-- <td></td> -->
<td colspan="2">卡号</td>
<!-- <td></td> -->
<td colspan="12">00000000001</td>
<!-- <td></td>
<td></td> -->
<!-- <td></td> -->
<td colspan="3">卡号</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="19">000000000002</td>
<!-- <td></td>
<td></td>
</tr> -->
<tr>
<!-- <td></td> -->
<td colspan="2">地区</td>
<td colspan="12">南京</td>
<!-- <td></td>
<td></td> -->
<!-- <td></td> -->
<td colspan="3"> 地区</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="19">杭州</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<!-- <td></td> -->
<td colspan="2">网点</td>
<td colspan="12">工商江苏南京业务处理中心</td>
<!-- <td></td>
<td></td> -->
<!-- <td></td> -->
<td colspan="3">网点</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="19">江苏徐州业务中心</td>
<tr>
<td colspan="3">币种</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="12">人民币</td>
<!-- <td></td>
<td></td> -->
<td colspan="4">炒钞标志</td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
<td colspan="19">钞票</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<td colspan="3">金额</td>
<!-- <td></td>
<td></td>
<td></td> -->
<td colspan="12">1.00元</td>
<!-- <td></td>
<td></td> -->
<td colspan="4">手续费</td>
<!-- <td></td>
<td></td>
<td></td>
<td></td> -->
<td colspan="19">0.57元</td>
<!-- <td></td>
<td></td> -->
</tr>
<tr>
<td colspan="3">合计</td>
<!-- <td></td>
<td></td> -->
<td colspan="33">人民币（大写）：壹元整</td>
<!-- <td></td>
<td></td>-->
</tr>
<tr>
<td colspan="3">交易时间</td>
<!-- <td></td>
<td></td> -->
<td colspan="12">2017年6月1日</td>
<!-- <td></td>
<td></td> -->
<td colspan="4">时间戳</td>
<!-- <td></td>
<td></td> -->
<td colspan="19">2017-06-01-13.00.00，00000</td>
<!-- <td></td>
<td></td> -->
</tr>
</table>
<p>票据打印时间：2017-06-01 15：00：12</p><br>
<del>票据打印单位：江苏徐州业务中心</del><br>
<p>操作员：大管</p><br>
</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>
<table border="0px" cellspacing="0px">
<tr>
<td align="right"><h1>将进酒</h1></td>
<td align="对齐方式--left"><h2>君不见黄河之水天上来</h2></td>
</tr>
<tr>
<td ><img src="李白吟诗图.jpg" width="380px" height="600px"></td>
<td >
<p>君不见黄河之水天上来，奔流到海不复回。</p>
<p>君不见高堂明镜悲白发，朝如青丝暮成雪。</p>
<p>人生得意须尺欢，莫使金樽空对月。</p>
<p>天生我材必有用，千金散尽还复来。</p>
<p>烹羊宰牛且为乐，会须一饮三百杯。</p>
<p>岑夫子，丹丘生，将进酒，杯莫停。</p>
<p>与君歌一曲，请君为我侧耳听。</p>
<p>钟鼓玉不足贵，但愿长醉不复醒。</p>
<p>古来圣贤皆疯，惟有饮者留其名。</p>
<p>陈王昔时宴平乐，斗酒十千恣欢谑。</p>
<p>主人何为言少钱，径须沽取对君酌。</p>
<p>五花马，千金裘，</p>
<p>呼儿将出换美酒，与尔同销万古愁。</p>
</tr>
</table>
</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>
<h1>热门电影板块</h1><hr>
<table border="0px" align="" cellpadding="20px">
<tr>
<td><h3>最近热门电影</h3></td>
<td>热门</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门佳片</td>
<td>华语</td>
<td>欧美</td>
<td>韩国</td>
<td colspan="2">日本</td>
<!-- <td></td> -->
<td>更多>></td>
</tr>
</table><hr>
<table border="0px" align="center">
<tr>
<td><img src="7A公寓.jpg" height="280px" width="210px"></td>
<td><img src="再见土拨鼠.jpg"height="280px" width="210px"></td>
<td><img src="十日坏人.jpg"height="280px" width="210px"></td>
<td><img src="我的鬼女孩.jpg"height="280px" width="210px"></td>
</tr>
<tr>
<td>7A公寓</td>
<td>再见土拨鼠</td>
<td>十日坏人</td>
<td>我的鬼女孩</td>
</tr>
<tr>
<td><img src="我讨厌韩国.jpg" height="280px" width="210px"></td>
<td><img src="指环王：洛汗之战.jpg" height="280px" width="210px"></td>
<td><img src="极拳攻缉.jpg" height="280px" width="210px"></td>
<td><img src="零落.jpg" height="280px" width="210px"></td>
</tr>
<tr>
<td>我讨厌韩国</td>
<td>指环王：洛汗之战</td>
<td>极拳攻缉</td>
<td>零落</td>
</tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
