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> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </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> </td>
<td> <td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </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> </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>
