使用表格和表单制作页面
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body{width: 1000px;}
span{margin-left: 15px;margin-right: 15px;}
div{float: left;margin-right: 5px;height: 350px;}
.a{margin-left: 50px;margin-right:25px ;}
.b{float: right;}
</style>
</head>
<body>
<form>
<h1>热门电影板块</h1>
<hr>
<b>最近热门电影</b><span class="a">热门</span><span>最新</span><span>豆瓣高分</span><span>冷门佳片</span><span>华语</span><span>欧美</span><span>韩国</span><span>日本</span><span class="b">更多>></span>
<hr>
<div><img src="img/a.png"/><p>猜火车 8.1</p></div>
<div><img src="img/b.png"/><p>贝尔科实验 6.0</p></div>
<div><img src="img/c.png"/><p>加州公路巡警 6.8</p></div>
<div><img src="img/d.png"/><p>歌声不绝 6.3</p></div>
</br>
<div><img src="img/e.png"/><p>明日的我与昨日的我</p></div>
<div><img src="img/f.png"/><p>速度与激情8</p></div>
<div><img src="img/g.png"/><p>极速特工</p></div>
<div><img src="img/h.png"/><p>金刚狼3：殊死一战</p></div>
</form>
</body>
</html><!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>工商银行电子汇款单</h2>
<table border="1" cellspacing=0>
<tr>
<td colspan="2" style="width: 100px;"><b>回单类型</b></td>
<td style="width: 300px;">网上转账汇款</td>
<td colspan="2" style="width: 100px;"><b>指令序号</b></td>
<td style="width: 450px;">HQH00000000000000000013878172</td>
</tr>
<tr>
<td rowspan="4" style="width: 10px;"><b>收款人</b></td>
<td>户名</td>
<td>老牟</td>
<td rowspan="4" style="width: 10px;"><b>付款人</b></td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td><b>卡号</b></td>
<td>00000000001</td>
<td><b>卡号</b></td>
<td>00000000002</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><u>钞票</u></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><em>2017年6月1日</em></td>
<td colspan="2"><b>时间戳</b></td>
<td><i>2017-06-01-13.0000,00000</i></td>
</tr>
</table>
</br>
<div>票据打印时间：2017-06-01 15：:00:12</div><br />
<div><del>票据打印单位：江苏徐州业务中心</del> </div><br />
<div>操作员：大曾</div>
</body>
</html> <!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
table{margin: auto;}
table th{background-color: #808080;}
table tr,td{background-color: lightgray;}
</style>
</head>
<body>
<form>
<table border="1 solid black" cellspacing="0">
<th colspan="2">用户注册</th>
<tr>
<td>用户名</td>
<td><input type="text" name="username"width="15"size="20"/></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="userpass" width="15"size="20"/></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio"name="sex"checked="checked">男<input type="radio"name="sex">女</td>
</tr>
<tr>
<td>爱好 </td>
<td><input type="checkbox" name="like" />写作<input type="checkbox" name="like" />听音乐<input type="checkbox" name="like" />体育</td>
</tr>
<tr>
<td>省份</td>
<td><select name="province">
<option value="shaanxi"selected="selected">陕西省</option>
<option value="shanx">山西省</option>
</select>></td>
</tr>
<tr>
<td>自我介绍</td>
<td><textarea name="intro" rows="5" cols="25"value="这个家伙什么也没留下"></textarea></td>
</tr>
<th colspan="2"><input type="submit"/><input type="reset"/>
</th>
</table>
</form>
</body>
</html>
扫一扫
4809
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
