![[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的发展史,php的优势等等与html的table表格（tr,th td）和ul li。
学php为什么要先学html呢？
因为html是标准通用标记语言下的一个应用，也是一种规范，一种标准， 它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。而php则是动态的生成html代码，所有学php之前一定要先学习html。
为什么选择PHP开发动态网站？
因为php的开发周期短，新手也很容易上手，学习资料、开放源码，以及各种插件和库都比较多，有规范的框架，PHP是LAMP架构基本上所有东西都是免费开源的，PHP可跨平台，维修性较高
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>8月14号php中文网视频学习</title>
<style type="text/css">
table{
width: 700px;
text-align: center;
border-collapse: collapse;
margin: 20px;
}
table caption{
font-size: 3rem;
font-weight: bold;
margin-bottom: 20px;
color: #666;
}
table,th,td{
border: 1px solid #666;
height: 50px;
}
table tr:first-child{
background-color:lightgreen;
}
table tr:hover{
background-color:#efefef;
color: coral;
}
img{
padding: 5px;
border-radius: 8px;
}
td a{
text-decoration:none;
width: 140px;
height: 30px;
padding: 5px;
border: 1px solid black;
background-color: white;
border-radius: 5px:
color:black;
}
td a:hover{
background-color: #000;
color: #fff;
}
</style>
</head>
<body>
<h1>ul+li标签</h1>
<ul>
<li>php</li>
<li>java</li>
<li>asp</li>
<li>javascript</li>
</ul>
<table>
<caption>购物清单</caption>
<tr>
<th>编号</th>
<th>名称</th>
<th>pin牌</th>
<th>数量</th>
<th>缩略图</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>小米6</td>
<td>小米</td>
<td>10台</td>
<td><img src="img/mi.jpg"></td>
<td><a href="http://www.php.cn">立即bug</a></td>
</tr>
<tr>
<td>2</td>
<td>z17</td>
<td>nabia</td>
<td>1台</td>
<td><img src="img/nu.jpg"></td>
<td><a href="http://www.php.cn">立即bug</a></td>
</tr>
<tr>
<td>3</td>
<td>mate10</td>
<td>华为</td>
<td>100台</td>
<td><img src="img/nu.jpg"></td>
<td><a href="http://www.php.cn">立即bug</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
手写代码
