![[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
1.学习php为什么要掌握html
最直接的原因就是php运行后的结果就是html页面，php所编写的程序都是跑在浏览器上的，所设计的php代码就是为了实现前端html的静态页面的功能，一个完整的网页是由前端html和后端编程语言组成的，二者缺一不可，html是显示在用户面前的，而php则是在服务器端运行的语言，最终解析成html代码显示在浏览器中，所以要编写php就必须要要了解html是如何在浏览器中运作的，这样才更加有助于php代码的编写。
2.为什么选择php开发动态网站
php是一种弱类型的编程语言，比较容易上手，也就是学习的时间较短，另外就是php开发网站的时间短，开发速度快，更加符合需求，还有就是php是唯一一种可以直接嵌入到html代码的语言，这也更加方便了开发，同时php所开发出的网站更加容易维护，这也说明php所需要投入的成本是很低的，而效率是很高的，所以php现已是网站开发语言的热门首选。
下面是表格制作的案列：
<!DOCTYPE html>
<html>
<head>
<title>表格的制作</title>
<meta charset="utf-8">
<style type="text/css">
img {
width: 80px;
border-radius: 8px;
border:1px solid pink;
}
th {
border: 1.2px solid black;
background-color:lightgreen;
}
td {
border: 1px solid black;
text-align: center;
font-weight: bold;
padding: 10px;
}
a{
text-decoration: none;
color: black;
border: 1px solid black;
background: white;
padding: 5px;
border-radius: 8px;
}
a:hover{
color: white;
background: black;
}
table{
margin:0px auto;
width:600px;
border-collapse: collapse;/*边框折叠*/
}
caption{
margin:5px auto;
}
tr:hover {
color:red;
}
</style>
</head>
<body>
<ul> <!-- 无序列表 -->
<li>水果</li>
<li>牛奶</li>
<li>手机</li>
</ul>
<table >
<caption><h2>购物清单</h2></caption>
<tr>
<th>编号</th>
<th>名称</th>
<th>brand</th>
<th>数量</th>
<th>缩略图</th>
<th>连接</th>
</tr>
<tr>
<td>1</td>
<td>橙</td>
<td>新奇士</td>
<td>2斤</td>
<td><img src="images/orange.jpg"></td>
<td><a href="http://jd.com">点击BUY</a></td>
</tr>
<tr>
<td>2</td>
<td>纯牛奶</td>
<td>蒙牛</td>
<td>一箱</td>
<td><img src="images/milk.jpg"></td>
<td><a href="http://jd.com">点击BUY</a></td>
</tr>
<tr>
<td>3</td>
<td>手机</td>
<td>小米8</td>
<td>一台</td>
<td><img src="images/mi.jpg"></td>
<td><a href="http://jd.com">点击BUY</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
以上代码应用table相关标记来制作了一个购物清单，添加了一点样式使其变得更美观。
了解了table标签的书写格式以及无序列表的基本语法，详细地用法还需多查阅资料
总结：知道了table的基本使用语法，以及php的进一步认识，但是在样式这里有一点凌乱，选择器的使用不太明确，以及其中的属性也不太熟悉，还需多练习。
