1、先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。
3、在js标签内，定义一个数组arr，数组内定义三个元素，分别为“测试一”，“测试二”，“测试三”。
4、在js标签内，通过length属性获得数组arr的长度，即元素的个数，主要用于for语句中限制循环的次数。
5、在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来。
6、在js标签内，使用getElementById（）方法通过id(outinput)获得div对象，通过innerHMTL属性将html变量输出在页面div标签中，从而实现取出数组值并显示出来。
7、最后在浏览器打开test.html文件，查看实现的效果，就完成了。
改html格式源文件的图片里头的变量步骤如下。1、用记事本或者Dreamweaver打开，html格式文件就能看到源码。
2、ctrl+F搜索background就能找到背景部分的代码。
3、修改代码，是要换颜色还是加图片还是背景图片位置这些都可以查出修改代码和图片里头的变量。
html标签使用php中的变量方法如下：
一、如果html标签中使用php变量，提示：Undefined index: uid in /var/www//list.php ，list.php的具体代码如下：
<?phprequire 'redis.php'
for ($i=0 $i <= ($redis->get("userid")) $i++){
$data[] = $redis->hgetall("user:".$i)
}
/* var_dump($data) 的结果如下:
array (size=3)
0 =>
array (size=0)
empty
1 =>
array (size=4)
'uid' => string '1' (length=1)
'username' => string 'jjj' (length=3)
'password' => string '123' (length=3)
'age' => string '20' (length=2)
2 =>
array (size=4)
'uid' => string '2' (length=1)
'username' => string 'lamp' (length=4)
'password' => string '123' (length=3)
'age' => string '20' (length=2)
*/
?>
<table border="1">
<caption>user list</caption>
<tr>
<th>uid</th>
<th>username</th>
<th>age</th>
</tr>
<?php foreach ($data as $v) {?>
<tr>
<td><?php echo $v['uid'] ?></td>
<td><?php echo $v['username'] ?></td>
<td><?php echo $v['age'] ?></td>
</tr>
<?php } ?>
</table>
这时在echo 前 isset 下就可以了，代码如下：
<?php $a = 10 if( isset($a) ) { echo"这个变量存在" } else{echo"这个变量不存在" }?>二、 php 可以和html混编的 ，如下图所示
