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>
最新文章
- 计算机网络(10)-----TCP的拥塞控制
- jquery.tagthis和jquery.autocomplete一起实现标签
- IT的灵魂是流程，流程的灵魂是业务，业务的灵魂是战略
- RTTI的实现(vc)--转载
- 1.4.2 solr字段类型--(1.4.2.3)使用货币和汇率
- apache开源项目--PDFBox
- jquery 中 fn.apply(this, arguments)是什么函数？有什么作用？能举个例子吗
- WPF 命令的简单总结
- MVC 树节点Table格式授权
- Nuget发布自己的DLL
- JVM--01
- windows云服务器数据迁移
- 应用间共享文件 FileProvider
- bug6 项目检出JRE问题(Unbound classpath container: 'JRE System Library [JavaSE-1.7]' in project 'idweb')
- 关于JAVA 中的Configuration类
- git 基础知识
- Python调用sqlAlchemy
- jquery.cropper 裁剪图片上传
- django（2）基本指令
- Egret Wing4.0.3 合并资源图片问题