一.实验步骤
For循环输聊天图标
(1)输出聊天图片
通过PHP脚本把文件夹下的聊天图标显示到WEB页面中。
(2)业务分析
用户打开浏览器可以看到文件夹下的所有图标
(3)流程分析
首先确定聊天图标的文件名称是英文或者阿拉伯数字,然后通过PHP脚本获取文件夹下的所有的图片信息,并使用HTML语言展示图片。
(4)源码
1<!doctype html>
2<html>
3 <head>
4 <meta charset="UTF-8">
5 <title>国际象棋棋盘</title>
6 <style>
7 table{border:1px solid #000;border-collapse:collapse}
8 td{width:20px;height:20px}
9 .black{background:#000}
10 </style>
11 </head>
12 <body>
13 <table>
14 <tr><td class="black"></td><td></td></tr>
15 <tr><td></td><td class="black"></td></tr>
16 </table>
17 </body>
18</html>
(5)实现效果