1、学PHP为什么要掌握HTML?
php是做服务器后端处理的语言，HTML是前端静态语言。php的主要作用就是动态生成html代码，php在后端处理的结果，必须经过HTML在浏览器解释并执行，两个的关系是密不可分的，因此html的架构主体，要知道是什么意思。
2、为什么选择PHP开发动态网站？
安全性：PHP是个免费的开源语言，更新迭代很快，经过长时间的使用测试，该语言稳定，安全，成熟。
跨平台：PHP几乎支持所有的操作系统平台及数据库系统，兼容性好
速度快：PHP的代码精简，所以开发速度快，执行速度快，正因为代码简单后期维护也更省力
框架：PHP的开发框架很强大，使用框架开发会事半功倍，且代码的质量较高，比较著名的框架有tinkphp,laravel
作业---------------------------------------------
实例
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>列表与表格</title>
<style type="text/css">
table{
width:700px;
text-align:center;
margin: 20px auto; /*上下外边距20px，左右居中*/
border-collapse: collapse; /*边框折叠，将相邻边框折叠到一起*/
}
table caption{
font-size:3rem;
font-weight: bold;
color:#666;
}
table,th,td{
border: 1px solid
}
table tr:first-child{
background:yellowgreen;
}
table tr:hover{
background:#c0c0c0;
color:red;
}
table tr td img{
padding:10px; /*内边距，对块级元素有效*/
border-radius:20px; /*圆角*/
}
table tr td a{
text-decoration: none;
width:120px;
height:80px;
padding:5px;
border:1px solid #666;
border-radius:10px;
background:white;
color:black;
}
table tr td a:hover{
background: black;
color:white;
}
div{
width:100px;
margin:0 auto;
}
div li{
list-style: square;
}
</style>
</head>
<body>
<h2 align="center">新老采购清单对比</h2>
<p align="center">老清单</p>
<div>
<ul >
<li>青果</li>
<li>香蕉</li>
<li>猕猴桃</li>
<li>西瓜</li>
</ul>
</div>
<p align="center">新清单</p>
<table>
<caption>公司采购清单</caption>
<tr>
<th>编号</th>
<th>名称</th>
<th>产地</th>
<th>数量</th>
<th>图片</th>
<th>购链接</th>
</tr>
<tr>
<td>1</td>
<td>青果</td>
<td>山东</td>
<td>50斤</td>
<td><img src="image/apple.jpg" title="青果" width="100px"></td>
<td><a href="#">点击购</a></td>
</tr>
<tr>
<td>2</td>
<td>香蕉</td>
<td>海南</td>
<td>30斤</td>
<td><img src="image/banana.jpg" title="香蕉" width="100px"></td>
<td><a href="#">点击购</a></td>
</tr>
<tr>
<td>3</td>
<td>猕猴桃</td>
<td>湖北</td>
<td>50斤</td>
<td><img src="image/mht.jpg" title="猕猴桃" width="100px"></td>
<td><a href="#">点击购</a></td>
</tr>
<tr>
<td>4</td>
<td>西瓜</td>
<td>河南</td>
<td>60斤</td>
<td><img src="image/xigua.jpg" title="西瓜" width="100px"></td>
<td><a href="#">点击购</a></td>
</tr>
</table>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
