1.作业要求：
实验代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>热门电影板块</title>
<style type="text/css">
div{
width: 684px;
height: 700px;
border: 2px solid black;
position: relative;
left: 25%;
}
td{
width: 80px;
}
</style>
</head>
<body>
<div>
<h2>热门电影板块</h2>
<hr width="100%" color="gray">
<table>
<tr>
<td><strong>最近热门电影</strong></td>
<td>热门</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门佳片</td>
<td>华语</td>
<td>欧美</td>
<td>韩国</td>
<td>日本</td>
<td>更多>></td>
</tr>
</table>
<hr width="100%" color="gray">
<table>
<tr>
<td><img src="images/猜火车.jpg">猜火车8.1</td>
<td><img src="images/贝尔实验室.jpg">贝尔实验室6.0</td>
<td><img src="images/加州公路巡警.jpg">加州公路巡警6.8</td>
<td><img src="images/歌声不绝.jpg">歌声不绝6.3</td>
</tr>
<tr>
<td><img src="images/明日的我.jpg">明日的我与昨日的我</td>
<td><img src="images/速度8.jpg">速度与激情8</td>
<td><img src="images/疾速特攻.jpg">疾速特攻</td>
<td><img src="images/金刚狼3.jpg">金刚狼3：殊死一战</td>
</tr>
</table>
</div>
</body>
</html>显示结果：
2.作业要求：
实验代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>作业2</title>
<style type="text/css">
table{
width: 800px;
height: 300px;
border: 2px solid black;
border-collapse: collapse;
}
tr,td{
height: 30px;
border: 2px solid black;
border-collapse: collapse;
}
.tdh{
width: 40px;
}
.tds{
width: 10px;
}
</style>
</head>
<body>
<h2>工商银行电子汇款单</h2>
<table>
<tr>
<td colspan="2" class="tdh"><b>回单类型</b></td>
<td>网上转账汇款</td>
<td colspan="2" class="tdh"><b>指令序号</b></td>
<td>HQH000000000000013878172</td>
</tr>
<tr>
<td rowspan="4" class="tds"><b>收款人</b></td>
<td>户名</td>
<td>老牟</td>
<td rowspan="4" class="tds"><b>付款人</b></td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td><b>卡号</b></td>
<td>000000000001</td>
<td><b>卡号</b></td>
<td>000000000002</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,000000</td>
</tr>
</table>
<p>票据打印时间：2017-06-01 15:00:12</p>
<p><del>票据打印单位：江苏徐州业务中心</del></p>
<p>操作员：大曾</p>
</body>
</html>显示结果：
3.作业要求：
实验代码：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>用户注册</title>
<style type="text/css">
table{
border: 1px solid white;
background-color: #999999;
border-collapse: collapse;
}
tr,td{
width: 100px;
height: 40px;
border: 1px solid white;
}
.td{
background-color: #666666;
}
.td1{
text-align: right;
}
</style>
</head>
<body>
<table>
<form action="" method="get">
<tr>
<td colspan="2" class="td" align="center">用户注册</td>
</tr>
<tr>
<td class="td1">用户名</td>
<td><input type="text" name="UserName" maxlength="15"></td>
</tr>
<tr>
<td class="td1">密码</td>
<td><input type="password" name="Userpass"></td>
</tr>
<tr>
<td class="td1">性别</td>
<td>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</td>
</tr>
<tr>
<td class="td1">爱好</td>
<td>
<input type="checkbox" name="like">写作
<input type="checkbox" name="like">听音乐
<input type="checkbox" name="like">体育
</td>
</tr>
<tr>
<td class="td1">省份</td>
<td>
<select name="province">
<option value="shanxi" selected>陕西</option>
<option value="sichuan">四川</option>
<option value="shanghai">上海</option>
<option value="beijing">北京</option>
</select>
</td>
</tr>
<tr>
<td class="td1">自我介绍</td>
<td>
<textarea name="intro" width="25px" height="5px">
</textarea>
</td>
</tr>
<tr>
<td colspan="2" align="center" class="td">
<input type="submit" name="send" value="提交">
<input type="reset" name="reset" value="重置">
</td>
</tr>
</form>
</table>
</body>
</html>显示效果：
1763
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
