![[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?
php虽然是后台变成语言,但是它不但只是在后台处理数据,而且要把在后台处理的数据通过前台页面展现给使用者,或者通过前台页面的提交数据来获得用户输入的数据来进行计算处理的,所以在一定程度上我们必须低熟悉HTML和css相关的知识才能完成网站的整个交互过程。
例如：用户提交的表单数据就是由HTML提交给给后台，我们用php变量接收进行处理。在这个过程中我们必须懂一些html知识才能与网页前端设计者沟通合作，让其为你的需要展示或者需要提交的数据预留接口，这样才能完成整个网站程序。
为什么选择PHP开发动态网站？
PHP 是秉承Linux 的GNU 风格，借助与源码公开，使他迅速成为世界上目前应用最为广泛的站点制作语言之一。借助与C 的形式，引用类的概念，使得代码的可重复性应用便的异常简单。加上他和Linux,Apache 和MySql 的紧密配合，关键性的应用也没有问题（有名的Sina就是采用Php）。还有PHP是免费的，因此任何人都可以访问PHP WEB站点，下载完整的源代码。更重要的是：用PHP编写的代码执行起来会更快，能实现同样功能的PHP代码，不用改变就可以在不同的WEB服务器上、不同的操作系统下运行。就凭这一点，你就已经有足够的理由选择PHP。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>0814作业</title>
<style type="text/css">
table{
border-collapse: collapse; /*为表格设置合并边框模型*/
width: 700px; /*设置宽度*/
text-align: center; /*设置文本居中*/
margin:20px; /*设置外边距*/
}
table caption{
font-size: 2em; /*设置字体大小*/
font-weight: bold; /*文字加粗*/
color: #666; /*设置颜色*/
margin-bottom: 20px; /*设置下外边距*/
}
table,th,td{
border: 1px solid #666; /*设置边框大小 颜色 虚／实线*/
}
table tr:first-child{
background: lightgreen; /*设置背景色*/
}
table tr:hover{
background: #efefef; /*设置鼠标悬浮于行的，背景颜色和字体颜色*/
color:coral;
}
table tr td img{ /* 设置图片的内边距和圆角*/
padding: 5px;
border-radius: 10px;
}
table tr td a{
text-decoration: none; /*去除下划线*/
width: 140px;
height: 40px;
padding: 5px;
border:1px solid black; /*设置边框*/
color:black;
border-radius: 8px; /*边框圆角*/
}
table tr td a:hover{ /*设置鼠标悬浮于a标签的，背景颜色和字体颜色*/
background: black;
color: white;
}
</style>
</head>
<body>
<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>1箱</td>
<td><img src="images/milk.jpg" width="100"></td>
<td><a href="http://jd.com">点击购物</a></td>
</tr>
<tr>
<td>2</td>
<td>水果</td>
<td>红富士</td>
<td>5斤</td>
<td><img src="images/apple.jpg" width="100"></td>
<td><a href="http://jd.com">点击购物</a></td>
</tr>
<tr>
<td>3</td>
<td>电风扇</td>
<td>美的</td>
<td>1台</td>
<td><img src="images/fan.jpg" width="100"></td>
<td><a href="http://jd.com">点击购物</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例