用一个表单，再用合并rowspan/colspan合并，<b>标签表示加深
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>汇款单</title>
</head>
<style>
div{
width: 5000px;
}
table{
border-collapse: collapse;
}
</style>
<body>
<h2>工商银行电子汇款单</h2>
<div>
<table border="1" >
<tr>
<td colspan="2"><b>回单类型</b></td>
<td>网上特别汇款</td>
<td colspan="2"><b>指令序号</b></td>
<td>HQH000000000000001387812</td>
</tr>
<tr >
<td rowspan="4"><b>收款人</b></td>
<td>户名</td>
<td>小李</td>
<td rowspan="4"><b>付款人</b></td>
<td>户名</td>
<td>老刘</td>
</tr>
<tr>
<td><b>卡号</b></td>
<td>0000001</td>
<td><b>卡号</b></td>
<td>00000002</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><i>2017-06-01-13.00.00.0000</i></td>
</tr>
</table>
<p>票据打印时间：2017-06-01 15:00:12</p>
<p><del>票据打印单位：江苏徐州业务中心</del></p>
<p>操作员：大陈</p>
</div>
</body>
</html>
效果如图:
一个表单，再用<input type="...">表示文本框或者下拉框等等 再添加限制条件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>用户注册</title>
</head>
<style>
table{
border: 1px solid white;
width: 500px;
}
.one{
background-color: darkgrey;
}
.two{
background-color: gainsboro;
}
.t1{text-align: right}
</style>
<body>
<table>
<tr class="one">
<td colspan="2" align="center">用户注册</td>
</tr>
<tr class="two">
<td class="t1">用户名</td>
<td><input type="text" name="UserName" maxlength="20"></td>
</tr>
<tr class="two">
<td class="t1">密码</td>
<td><input type="password" name="UserPass" maxlength="20"></td>
</tr>
<tr class="two">
<td class="t1">性别</td>
<td><input type="radio" name="sex">男
<input type="radio" name="sex">女 </td>
</tr>
<tr class="two">
<td class="t1">爱好</td>
<td><input type="checkbox" name="fav">写作
<input type="checkbox" name="fav">听音乐
<input type="checkbox" name="fav">体育
</td>
</tr>
<tr class="two">
<td class="t1">省份</td>
<td><select name="province">
<option value="shanxi" selected>陕西省</option>
<option value="shanx" >山西省</option>
</select>
</td>
</tr>
<tr class="two">
<td class="t1">自我介绍</td>
<td>
<textarea name="intro" cols="25" rows="5">这个家伙什么也没留下</textarea>
</td>
</tr>
<tr class="one">
<td colspan="2" align="center">
<input type="submit" name="send" value="提交"/>
<input type="reset" name="reset" value="重置"/>
</td>
</tr>
</table>
</body>
</html>
效果如图：
两个表单家八个图片链接
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>热门电影板块</title>
</head>
<body>
<h2>热门电影板块</h2>
<hr/>
<table width="80%">
<tr>
<td><b>最近热门电影</b></td>
<td>热门</td>
<td>最新</td>
<td>豆瓣高分</td>
<td>冷门佳片</td>
<td>华语</td>
<td>欧美</td>
<td>韩国</td>
<td>日本</td>
<td>更多>>></td>
</tr>
</table>
<hr>
<table width="80%">
<tr>
<td>
<img src="web图片/1.png" width="150px" height="200px"/>
<p>猜火车 8.1</p>
</td>
<td>
<img src="web图片/2.png" width="150px" height="200px"/>
<p>贝尔科实验 6.0</p>
</td>
<td>
<img src="web图片/3.png" width="150px" height="200px"/>
<p>加州公路巡警</p>
</td>
<td>
<img src="web图片/4.png" width="150px" height="200px"/>
<p>歌声不绝 6.3</p>
</td>
</tr>
<tr>
<td>
<img src="web图片/5.png" width="150px" height="200px"/>
<p>明日的我与昨日的我</p>
</td>
<td>
<img src="web图片/6.png" width="150px" height="200px"/>
<p>速度与激情8</p>
</td>
<td>
<img src="web图片/7.png" width="150px" height="200px"/>
<p>极速特攻</p>
</td>
<td>
<img src="web图片/8.png" width="150px" height="200px"/>
<p>金刚狼3：殊死一战</p>
</td>
</tr>
</table>
</body>
</html>
效果如图：
198
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
