![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Correction status：qualified
Teacher's comments：
Collection
Collection
首先来看两个问题：
一、学习PHP为什么必须要掌握HTML?
答：前端开发主要是静态页面的编写，三个工具：html,CSS,JavaScript。前端直接由浏览器负责解释并执行。
后端运行在服务器环境中，也称服务器端。后端需要特殊程序编译运行。
php就是用来动态生成HTML代码的。
因为PHP程序的运行结果就是html，所以要学好html。
二、为什么选择PHP开发动态网站？
答：天下武功，唯快不破。后端开发语言和工具有很多，除了php，还有java，python，asp。。。
php流行的原因，就一个字：快，上手快，开发快，迭代快。
下面介绍HTML中表格的用法。
先看代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格</title>
<style type='text/css'>
h2{
font-size: 30px;
background: lightgray;
line-height: 50px;
text-align: center;
}
p{
text-indent:2em;
}
table,th,td{
border: 1px solid #666;
}
table{
margin: 20px auto;
border-collapse: collapse;
}
table tr:first-child{
background-color: lightgreen;
font-size:20px;
}
table tr td img{
padding: 5px;
border-radius: 10px;
width: 120px;
height: 120px;
}
table tr td a{
text-decoration-line: none;
padding: 5px;
border:1px solid black;
background:lightblue;
color:white;
border-radius: 8px;
}
table tr td a:hover{
background: white;
color:lightblue;
}
table tr:hover{
background-color: lightpink;
color: orange;
}
</style>
</head>
<body>
<h2>小米手机推荐</h2>
<p>8月16日，既是小米手机的生日，也是MIUI的生日，为庆祝这历史性的时刻，小米即将开启816狂欢盛典，回馈一直以来支持小米公司的米粉和用户们。今年的小米816狂欢盛典以“换机好时候”为主题，时间从8月14日延续至8月16日，为期3天。</p>
<p>以下推荐三款机型：</p>
<ul>
<li>小米8 </li>
<li>小米mix2S </li>
<li>小米8SE </li>
</ul>
<table>
<tr>
<th>型号</th>
<th>卖点</th>
<th>价格</th>
<th>图片</th>
<th>选购</th>
</tr>
<tr>
<td>小米8</td>
<td>全球首款双频GPS，骁龙845</td>
<td>￥2699起</td>
<td><img src="https://img13.360buyimg.com/n7/jfs/t19912/33/927199229/297549/8c269ff0/5b0fca0fN8d5600df.jpg"></td>
<td><a href="http://mi.com" target="blank">点击下单</a></td>
</tr>
<tr>
<td>小米mix2s</td>
<td>陶 瓷机身 手机中的艺术品</td>
<td>￥2899起</td>
<td><img src="https://img10.360buyimg.com/n7/jfs/t16915/296/1042950134/187306/da89b445/5ab9e638N96c296a0.jpg"></td>
<td><a href="http://mi.com" target="blank">点击下单</a></td>
</tr>
<tr>
<td>小米8 SE</td>
<td>三星 AMOLED 全面屏 小屏旗舰</td>
<td>￥1799起</td>
<td><img src="https://img12.360buyimg.com/n7/jfs/t21133/35/525701293/191915/b4b7659f/5b0fc897Naf7e843c.jpg"></td>
<td><a href="http://mi.com" target="blank">点击下单</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
以下为预览图片
