![[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?
1、 网站的页面都是用于html与css来进行静态布局，所以做网站开发来说已经离不开html，前端开发的编程语言已经统一用html-css，而后端还处于竞争状态。
2、 php后端与前端html进行数据交互，作为开发者来说不熟悉html代码，是没办法更好的用php后端与前端代码进行交互。
3、 学习php开发，是因为php是动态生成html代码，对于html代码来说更接近。
2.、为什么选择PHP开发动态网站？
1、 在没学习php之前我是在其他平台报名学java的，学了一年多，还学到javase部分，时间太长，不适合现在的自己所以就学习了php。
2、学习java这段时间，看了招聘平台的招聘信息，要求太高，对于学历低的我来说是个硬伤。
3、去年底前玩过dedecms开源程序，因为那代码都是用于php来开发的，想添加某个功能也不会，所以就产生了想学习php来二次开发dedecms。
4、听网上人说，php好学，入门快。再加上网上大多的免费开源程序都是用php来开发的。而且对于php招聘要求也不是很高所以就想学好php就转行。
5、去年刚接触php中文网，关注了一段时间，等php中文网开设了系统班时，看了那学习时间很短。那时候就想报名学习，但是因为腰包资金不够所以就没有报名！
总结：报名php中文网系统班学习、入门快时间又短。工作好找。能二次开发网上用php开发的开源程序。
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>购物车</title>
<style>
table{
width:800px;
margin:auto;
border-collapse:collapse;
text-align:center;
}
caption{
font-size:30px;
font-weight:bold;
padding:10px 0;
}
table tr th{
height:35px;
line-height:35px;
background:pink;
font-weight:bold;
}
table,td,th{border:1px solid #999;}
table tr td{
width:150px;
height:90px;
}
table tr td img{
width:130px;
height:76px;
border-radius:10px;
}
table tr td a{
text-decoration:none;
color:#000;
padding:10px;
border:1px solid #666;
border-radius:10px;
}
table tr td a:hover{
color:coral;
border:1px solid #999;
}
table tr:hover{
background:#eee;
color:coral;
}
</style>
</head>
<body>
<table>
<caption>购物车表单</caption>
<tr>
<th>编号</th>
<th>产品</th>
<th>数量</th>
<th>价格/元</th>
<th>总价/元</th>
<th>产品图</th>
<th>下单</th>
</tr>
<tr>
<td>1</td>
<td>小果</td>
<td>7</td>
<td>1/5</td>
<td>35</td>
<td><img src="1.jpg" alt=""></td>
<td><a href="#">立即</a></td>
</tr>
<tr>
<td>2</td>
<td>香蕉</td>
<td>4</td>
<td>1/9</td>
<td>36</td>
<td><img src="3.jpg" alt=""></td>
<td><a href="#">立即</a></td>
</tr>
<tr>
<td>3</td>
<td>梨子</td>
<td>3</td>
<td>1/4</td>
<td>12</td>
<td><img src="2.jpg" alt=""></td>
<td><a href="#">立即</a></td>
</tr>
<tr>
<td>4</td>
<td>火龙果</td>
<td>5</td>
<td>1/6</td>
<td>30</td>
<td><img src="4.jpg" alt=""></td>
<td><a href="#">立即</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
运行结果图：
