实例
<!DOCTYPE html>
<html>
<head>
<title>超市水果店20180814</title>
</head>
<body>
<style type="text/css">
h2 {
text-align: center;
}
table {
width: 900px;
margin: 15px auto;
text-align: center;
}
table caption {
font-size: 25px;
}
table,tr,th,td {
border:2px solid #666;
}
img {
width: 90px;
}
</style>
<h2>大米商城小程序</h2>
<table>
<caption>购物车</caption>
<tr>
<th>商品</th>
<th>产地</th>
<th>供应商</th>
<th>价格</th>
<th>数量</th>
<th>图片</th>
<th>操作</th>
</tr>
<tr>
<th>百香果</th>
<td>广西</td>
<td>香香超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/baixiangguo.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
<tr>
<th>苹.果</th>
<td>山东</td>
<td>果果超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/pingguo.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
<tr>
<th>桃子</th>
<td>江苏</td>
<td>桃桃超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/taozi.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
<tr>
<th>香蕉</th>
<td>惠州</td>
<td>小香超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/xiangjiao.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
<tr>
<th>西瓜</th>
<td>南山</td>
<td>瓜果超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/xigua.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
<tr>
<th>樱桃</th>
<td>广东</td>
<td>桃桃超市</td>
<td><ul><li>5元</li><li>20元</li><li>30元</li></ul></td>
<td><ul><li>一斤</li><li>5斤</li><li>10斤</li></ul></td>
<td><img src="images/yingtao.jpg"></td>
<th><a href="https://www.jd.com/">点击购.买</a></th>
</tr>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
小结：
php和html的关系，双标签和元素的写法，表格的创建和图片引用，超链接的使用，排列段落等常用标签的固定用法。
1. 学习PHP为什么必须要掌握HTML?
答：因为HTML是浏览器前端页面的解释代码，PHP是后端服务器语言，可以动态生成HTML代码，做php编程的时候
看得懂前端的html css js对开发很有用。
2.为什么选择PHP开发动态网站？
答：因为PHP主要用于网络应用开发，上手快，开发快，更新快，迭代频率也快，有很多规范的现成的开发框架和
大量的函数库，可以非常高效率的开发好项目。
