第一次作业
作业1
1.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div align="center">
<form action="" style="width: 300px ;height:400px; ">
<table border="1px" bgcolor="#DCDCDC" style="width: 300px ;height:400px; ">
<tr>
<td bgcolor="gray" colspan="2" align="center">用户注册</td>
<!-- <td></td> -->
</tr>
<tr>
<td>用户名</td>
<td><input type="text" name="UserName"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="UserPass" id=""></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" id="" checked >男<input type="radio" name="sex" id="">女</td>
</tr>
<tr>
<td>爱好</td>
<td>
<input type="checkbox" name="like" id="">写作
<input type="checkbox" name="like" id="">听音乐
<input type="checkbox" name="like" id="">体育
</td>
</tr>
<tr>
<td>省份</td>
<td>
<select id="province" name="province">
<option value="shanxi">陕西省</option>
<option value="shanx">山西省</option>
<option value="shanghai">上海省</option>
<option value="chengdu">成都省</option>
</select></td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea rows="5" cols="25">这个家伙什么也没留下。</textarea></td>
</tr>
<tr>
<td bgcolor="gray" colspan="2" align="center">
<button type="submit" name="send">提交</button>
<button type="reset" name="reset">重置</button></td>
<!-- <td></td> -->
</tr>
</table>
</form>
</div>
</body>
</html>2.运行结果
作业2
1.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>工商银行电子汇款单</h1>
<table width="1600px" height="500px" border="1px" >
<tr>
<th colspan="2" >回单类型</th>
<!-- <td></td> -->
<td>网上转账汇款</td>
<th colspan="2" >指令序号</th>
<!-- <td></td> -->
<td>HQH0000000000000013878172</td>
</tr>
<tr>
<th rowspan="4" >收款人</th>
<td>户名</td>
<td>老牟</td>
<th rowspan="4" >付款人</th>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<!-- <td></td> -->
<th>卡号</th>
<td>000000000001</td>
<!-- <td></td> -->
<th>卡号</th>
<td>000000000002</td>
</tr>
<tr>
<!-- <td></td> -->
<td>地区</td>
<td>南京</td>
<!-- <td></td> -->
<td>地区</td>
<td>杭州</td>
</tr>
<tr>
<!-- <td></td> -->
<th>网点</th>
<td>工商江苏南京业务处理中心</td>
<!-- <td></td> -->
<th>网点</th>
<td>江苏徐州业务中心</td>
</tr>
<tr>
<th colspan="2">币种</th>
<!-- <td></td> -->
<td>人民币</td>
<td colspan="2">钞汇标志</td>
<!-- <td></td> -->
<td>钞票</td>
</tr>
<tr>
<th colspan="2">金额</th>
<!-- <td></td> -->
<td>1.00元</td>
<th colspan="2">手续费</th>
<!-- <td></td> -->
<td>0.57元</td>
</tr>
<tr>
<th colspan="2">合计</th>
<!-- <td></td> -->
<td colspan="4">人民币(大写):壹圆整</td>
<!-- <td></td>
<td></td>
<td></td> -->
</tr>
<tr>
<th colspan="2">交易时间</th>
<!-- <td></td> -->
<td>2017年6月1日</td>
<th colspan="2">时间戳</th>
<!-- <td></td> -->
<td>2017.06-01-13.00.00, 00000</td>
</tr>
</table>
<p>票据打印时间:2017-06-01 15:00:12</p>
<p><s>票据打印单位:江苏徐州业务中心</s></p>
<p>操作员:大曾</p>
</body>
</html>2.运行结果
作业3
1.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table >
<tr>
<td colspan="2"><span> <b style="font-size: 60px;">将进酒</b> </span><span><b style="font-size: 45px;"> 君不见黄河之水天上来</b></span><br></td>
<!-- <td ></td> -->
</tr>
<tr>
<td ><img src="./libai.png" alt="李白"></td>
<td> <pre style="font-size:40px; text-align:left;margin-left: -300px;" >
君不见黄河之水天上来，奔流到海不复回
君不见高堂明镜悲白发，朝如青丝暮成雪。
人生得意须尽欢，莫使金樽空对月。
天生我材必有用，千金散尽还复来。
烹羊宰牛且为乐，会须一饮三百杯。
岑夫子，丹丘生，将进酒，杯莫停
与君歌一曲，请君为我侧耳听。
钟鼓馔玉不足贵，但愿长醉不复醒,
古来圣贤皆寂真，惟有饮者留其名。
陈王昔时宴平乐，斗酒十干恣欢谑。
主人何为言少钱，径须沽取对君酌。
五花马，千金裘,
呼儿将出换美酒，与尔同销万古愁。</pre></td>
</tr>
</table>
</body>
</html>2.运行结果
作业4
1.代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>热门电影板块</h1>
<hr>
<div style="font-size: 20px;">
<span ><b style="font-size: 25px;">最近热门电影</b></span> <span >热门</span>
<span>最新</span>
<span>豆瓣高分</span> <span>冷门佳片</span>
<span>华语</span> <span>欧美</span> <span>韩国</span>
<span>日本</span> <span>更多>></span>
<hr>
</div>
<table >
<tr >
<td ><img src="./chc.png" alt="" style="width: 200px;height: 250px;"></td>
<td><img src="./beier.png" alt=""style="width: 200px;height: 250px;"></td>
<td><img src="./jiaz.png" alt=""style="width: 200px;height: 250px;"></td>
<td><img src="./ges.png" alt=""style="width: 200px;height: 250px;"></td>
</tr>
<tr>
<td>猜火车 8.1</td>
<td>贝尔科实验 6.0</td>
<td>加州公路巡警 6.8</td>
<td>歌声不绝 6.3</td>
</tr>
<tr>
<td><img src="./mingri.png" alt=""style="width: 200px;height: 250px;"></td>
<td><img src="./sudu.png" alt=""style="width: 200px;height: 250px;"></td>
<td><img src="./jishu.png" alt=""style="width: 200px;height: 250px;"></td>
<td><img src="./jing.png" alt=""style="width: 200px;height: 250px;"></td>
</tr>
<tr>
<td>明日的我与昨日的我</td>
<td>速度与激情8</td>
<td>极速特工</td>
<td>金刚狼3:殊死一战</td>
</tr>
</table>
</body>
</html>2.运行结果
原文地址：https://blog.csdn.net/ilisi_/article/details/140204957
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！