web前端总结---day02

作业:
demo1:
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="ChAn">
		<meta name=" description" content="Day02-3---作业">
		<meta name="keywords" content="小白">
		<title>Day02-3---作业</title>
	</head>
	<body>
		<h1><b>工商银行电子汇款单</b></h1>
		<table border="1" style="border: 0px;">
			<!-- 第一个 -->
			<tr>
				<td colspan="2"><b>回单类型</b></td>
				<td><b>网上转账汇款</b></td>
				<td colspan="2"><b>指令序号</b></td>
				<td>CEO500000000000001</td>
			</tr>
			<!-- 第二个 -->
			<tr>
				<td rowspan="4">收款人 </td>
				<td>户名</td>
				<td>小陈</td>
				<td rowspan="4">付款人</td>
				<td colspan="2">老陈</td>
			</tr>
			<!-- 第三个 -->
			<tr>
				<td>卡号</td>
				<td>001</td>
				<td>卡号</td>
				<td>002</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>201761</td>
				<td colspan="2">时间戳</td>
				<td>20176113:00:00 00000</td>
			</tr>
		</table>
		
		<span>票据打印时间:2017-6-1 13:00:30</span><br>
		<del>票据打印单位</del><br>
		操作员:大蒜
	</body>
</html>

demo2:
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="ChAn">
		<meta name=" description" content="Day02-1---作业">
		<meta name="keywords" content="小白">
		<title>Day02-1---作业</title>
	</head>
	<body>
		<div>
			<table border=" 1" cellspacing=0 cellpadding=10 width=50% align="center">
				<tr>
					<td align="center" colspan="2">用户注册</td>
				</tr>

				<tr>
					<td>用户名:</td>
					<td><input type="text" id="UserName" maxlength="20" width="15px" /></td>
				</tr>

				<tr>
					<td>密码:</td>
					<td><input type="text" id="UserPass" maxlength="20" width="15px" /></td>
				</tr>

				<tr>
					<td>性别:</td>
					<td><input type="radio" name="sex" checked="0" /><input type="radio" value=" 1" /></td>
				</tr>

				<tr>
					<td>爱好:</td>
					<td><input type="checkbox" name="like" value="写作" />写作 <input type="checkbox" name="like"
							value="听音乐" />听音乐 <input type="checkbox" name="like" value="体育" />体育 </td>
				</tr>

				<tr>
					<td>省份:</td>
					<td><select name="provice">
							<option value="shanaxi" selected="selected">陕西省</option>
							<option value="sichuan">成都省</option>
						</select></td>
				</tr>

				<tr>
					<td>自我介绍:</td>
					<td><textarea name="intro" cols="25" rows="5">这个家伙什么也没留下</textarea></td>
				</tr>

				<tr>
					<td align="center " colspan="2"><button name="send">提交</button>&nbsp;&nbsp;<button
							name="reset">重置</button></td>
				</tr>

			</table>

		</div>

	</body>
</html>

demo3:
在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="author" content="ChAn">
		<meta name=" description" content="Day02-2---作业">
		<meta name="keywords" content="小白">
		<title>Day02-2---作业</title>
	</head>
	<body>
		<div id="top" style="height: 50px; "> <span> <b> 热门电影模板</b></span></div>
		<hr>
		<div id="content" style="height: 50px; ">
			<span><b>最近热门电影</b></span>&nbsp;&nbsp;<span>热门</span>
			&nbsp;&nbsp;<span>最新</span>&nbsp;&nbsp;<span>豆瓣高分</span>&nbsp;&nbsp;<span>冷门佳片</span>
			&nbsp;&nbsp;<span>华语</span>&nbsp;&nbsp;<span>欧美</span>&nbsp;&nbsp;<span>韩国</span>&nbsp;&nbsp;<span>日本</span>
			&nbsp;&nbsp;&nbsp;&nbsp;<span>更多 >> </span>
		</div>
		<hr>
		<div id="bottom" style="height: 100px;">
			<table border="1" style="border: 0px;">
				<tr>
					<td><img src="1.png" alt="猜火车"></td>
					<td><img src="2.png" alt="贝尔科实验"></td>
					<td><img src="3.png" alt="加州公路巡警"></td>
					<td><img src="4.png" alt="歌声不绝"></td>
				</tr>
				<tr>
					<td>猜火车 8.1</td>
					<td>贝尔科实验 6.0</td>
					<td>加州公路巡警 6.8</td>
					<td>歌声不绝 6.3</td>
				</tr>
				<tr>
					<td><img src="5.png" alt="明日的我和昨日的我"></td>
					<td><img src="6.png" alt="速度与激情"></td>
					<td><img src="7.png" alt="急速特工"></td>
					<td><img src="8.png" alt="金刚狼3"></td>
				</tr>
				<tr>
					<td>明日的我和昨日的我</td>
					<td>速度与激情8</td>
					<td>急速特工</td>
					<td>金刚狼3:殊死一战</td>
				</tr>
			</table>
		</div>
	</body>
</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值