![[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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>购物车</title>
</head>
<body>
<style type="text/css" media="screen">
ul,li{
list-style-type: none;
font-weight:bold;
}
.box{
width:650px;
height:500px;
margin:50px auto;
}
.box ul li{
font-size:30px;
text-align:center;
color:#f30;
}
.box table tbody td img{
width:120px;
}
.box table thead th{
width:100px;
border:1px solid #f30;
background:#75a5e8;
}
table{
text-align:center;
border-collapse: collapse; /* //清除重叠线 */
}
tbody tr:hover{
background:#75a5e8;
}
tbody tr td{
border:1px solid #f30;
}
a{
text-decoration:none;
line-height:100px;
}
a:hover{
color:#f30;
font-size:20px;
}
</style>
<div class="box">
<ul>
<li>购物车</li>
</ul>
<table>
<thead>
<tr>
<th>编号</th>
<th>名称</th>
<th>牌子</th>
<th>数量</th>
<th>缩列图</th>
<th>买</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>牛奶</td>
<td>伊利</td>
<td>一箱</td>
<td><img src="images/milk.jpg" alt=""></td>
<td><a href="">点击买</a></td>
</tr>
<tr>
<td>1</td>
<td>牛奶</td>
<td>伊利</td>
<td>一箱</td>
<td><img src="images/milk.jpg" alt=""></td>
<td><a href="">点击买</a></td>
</tr>
<tr>
<td>1</td>
<td>牛奶</td>
<td>伊利</td>
<td>一箱</td>
<td><img src="images/milk.jpg" alt=""></td>
<td><a href="">点击买</a></td>
</tr>
</tbody>
</table>
</div>
</body>
</html>点击 "运行实例" 按钮查看在线实例
.学习PHP为什么必须要掌握HTML?
动态的生成html的，我们的目标是那些名下包含动态子页较多的网页。以“index.php?category=x”为例,我们需要对“index.php”之后的动态子页进行转换，php必须要前端页面进行数据的交互
.为什么选择PHP开发动态网站？
一般来说,搜索引擎会把动态网页地址中出现的“?”字符视做“停止标记”,在它之后的所有参数都会被忽略掉。例如对“index.php?category=x”的所有子页,搜索引擎最后检索到的url只有一个,那就是index.php这一个页面。这样一来,动态网页就陷入了无法被搜索引擎发现和检索的尴尬境地,直接失去了被用户发现的机会和搜索引擎这样一个广阔的空间。