2019-9-19:渗透测试,HTML基础学习,html绘制表格

1,受理员业务统计表

效果图:

 

 代码:

<!DOCTYPE html>
<html>
<head>
<title>表格1</title>
</head>
<body>
<table border="0" width="100%">
<tr>
<td align="center"><font size="6" color="#00BFFF">受理员业务统计表</font></td>
</tr>
</table>
<table width="100%">
<tr>
<td align="right"><font size="5">2019-9-1 --- 2019-9-10</font></td>
</tr>
</table>
<br>
<table border="1" cellspacing="0" cellpadding="0" width="100%">
<tr>
<th colspan="2" rowspan="2" bgcolor="00FFFF"><font color="00BFFF">受理员</font></th><th rowspan="2" bgcolor="00FFFF"><font color="00BFFF">受理数</font></th><th rowspan="2" bgcolor="00FFFF"><font color="00BFFF" >自办数</font></th><th rowspan="2" bgcolor="00FFFF"><font color="00BFFF">直接解答</font></th><th colspan="2" bgcolor="00FFFF"><font color="00BFFF">协办意见</font></th><th colspan="2" bgcolor="00FFFF"><font color="00BFFF">返回修改</font></th><th colspan="3" bgcolor="00FFFF"><font color="00BFFF">工单类型</font></th>
</tr>
<tr>
<td align="center" bgcolor="00FFFF">同意</td>
<td align="center" bgcolor="00FFFF">比例</td>
<td align="center" bgcolor="00FFFF">数量</td>
<td align="center" bgcolor="00FFFF">比例</td>
<td align="center" bgcolor="00FFFF">建议件</td>
<td align="center" bgcolor="00FFFF">诉求件</td>
<td align="center" bgcolor="00FFFF">咨询件</td>
</tr>
<tr>
<td rowspan="8" align="center" width="100">受理处</td>
<td width="100">王艳</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td align="center">总计</td>
<td align="center">1</td>
<td align="center">3</td>
<td align="center">5</td>
<td align="center">8</td>
<td align="center">5</td>
<td align="center">5</td>
<td align="center">1</td>
<td align="center">7</td>
<td align="center">9</td>
<td align="center">10</td>

</tr>
<tr>
<td rowspan="8" align="center">话务组</td>
<td>&nbsp</td>
<td>&nbsp<td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>


</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>
<td>&nbsp</td>

</tr>
<tr>
<td align="center">总计</td>
<td align="center">12</td>
<td align="center">33</td>
<td align="center">5</td>
<td align="center">66</td>
<td align="center">33</td>
<td align="center">66</td>
<td align="center">55</td>
<td align="center">84</td>
<td align="center">30</td>
<td align="center">20</td>

</tr>

</table>
</body>
</html>

2,网站导航

效果图:

 

 

代码:

<!DOCTYPE html>
<html>
<head>
<title>text2</title>
</head>
<body>
<table border="0" align="center" >
<tr>
<td>&nbsp</td>
<td colspan="2" align="center"><input type="text" name="text" style="width: 500px"></td>
<td><input type="submit" name="sousuo" value="搜索"></td>
</tr>
</table>
<br>
<table align="center">
<tr>
<td width="25%"><img src="F:\作业文件\tupian\11.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\2.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\1.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\4.jpg" width="200" height="200"></td>
</tr>
<tr>
<td width="25%"><img src="F:\作业文件\tupian\5.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\6.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\7.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\8.jpg" width="200" height="200"></td>
</tr>
<tr>
<td width="25%"><img src="F:\作业文件\tupian\9.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\10.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\3.jpg" width="200" height="200"></td>
<td width="25%"><img src="F:\作业文件\tupian\12.jpg" width="200" height="200"></td>
</tr>
</table>
</body>
</html>

 

转载于:https://www.cnblogs.com/sym945/p/11551008.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值