![[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?
答：B/S架构系统开发中，用户使用浏览器打开的系统前端界面都是有HTML+CSS+Javascript来编写的，俗称静态页面。而PHP语言的作用用一句话总结就是用来动态生成HTML文档。在实际项目开发中，PHP程序员除了要用php程序处理后台逻辑操作数据之外，还要能够明白并且读懂php处理数据之后返回的数据格式（html)。不然，自己写的代码，返回的结果自己读不懂，那将是一件非常恐怖的事情。所以，综上所述，php程序员必须要掌握html基本语法，以及布局技巧。这样才能更好的进行程序开发。
二、为什么选择PHP开发动态网站？
答：
1、天下武功，唯快不破！
PHP语言最大的特点就是，开发速度快，加上有很多成熟的开源框架、开源类库以及技术文档。更是可以大大提高程序员的开发效率。
2、跨平台性强
相比ASP来说，PHP有更好的跨平台性！可以运行在Windows、Linux、UNIX等服务器环境中。
3、后期维护方便
利用成熟开源的PHP框架来开发的项目，假如遇到后期开发人员离职的情况，新员工只要熟悉相应框架，就可以在项目基础上进行开发、维护。
4、开源、免费
PHP是开源软件、任何人都可以免费使用，而且更新迭代速度较快！
三、编程题
制作一张表格,要求使用到:<table><tr>+<th>,<tr>+<td>,<h2>,<p>,<ul>+<li>,<img>,<a>允许使用有限的CSS进行样式美化，但不可以过量。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>编程题-表格</title>
</head>
<body>
<style>
table{margin:0 auto;width:800px;text-align:center;border-collapse:collapse;}
table tr:first-child{background:#666;color:#fff;}
table tr:hover{background:#e5e5e5;}
table tr td img{width:50px;height:50px;}
table tr th,table tr td{border:1px solid #ccc;}
table tr td ul{text-align:left;}
table tr td p{color:#f00;font-size:12px;width:150px;}
table tr td a{padding:5px;border:1px solid #ccc;color:#000;text-decoration:none;margin:0 5px;font-size:12px;}
table tr td a:hover{background:#ccc;color:#fff;}
</style>
<h2>2018年08月14号作业，制作一张表格</h2>
<p style="display:inline">作业要求：要求使用到: <xmp style="display:inline"> <table><tr>+<th>,<tr>+<td>,<h2>,<p>,<ul>+<li>,<img>,<a></xmp>
允许使用有限的CSS进行样式美化，但不可以过量。</p>
<table>
<caption><h2>员工采购报销单</h2></caption>
<tr>
<th>ID</th>
<th>姓名</th>
<th>头像</th>
<th>采购列表</th>
<th>采购日期</th>
<th>采购费用</th>
<th>采购说明</th>
<th>操作</th>
</tr>
<tr>
<td>1</td>
<td>张三</td>
<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534319516712&di=9cb5fc47184fad09cdb40720508ee6e9&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D3198678185%2C878755003%26fm%3D214%26gp%3D0.jpg" alt="张三"></td>
<td>
<ul>
<li>主机X1</li>
<li>鼠标X1</li>
<li>键盘X1</li>
<li>音响X1</li>
<li>显示器X1</li>
</ul>
</td>
<td>2018-08-15</td>
<td>5000元</td>
<td>
<p>这是我为公司买的一台台式电脑，希望给报销！</p>
</td>
<td><a href="#">审核</a><a href="#">拒绝</a></td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td><img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1934952861,3453579486&fm=27&gp=0.jpg" alt="李四"></td>
<td>
<ul>
<li>办公桌X1</li>
<li>椅子X4</li>
<li>文件柜X2</li>
<li>打印机X1</li>
</ul>
</td>
<td>2018-08-15</td>
<td>8000元</td>
<td>
<p>我采购了一批办公用品，希望给报销！</p>
</td>
<td><a href="#">审核</a><a href="#">拒绝</a></td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534320216231&di=f9986ab03f7480f7cd673fde5673b1ae&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D4233882545%2C270382672%26fm%3D214%26gp%3D0.jpg" alt="王五"></td>
<td>
<ul>
<li>咖啡机X1</li>
<li>饮水机X1</li>
<li>绿植X2</li>
</ul>
</td>
<td>2018-08-15</td>
<td>2000元</td>
<td>
<p>我为公司采购了生活用品，希望给报销！</p>
</td>
<td><a href="#">审核</a><a href="#">拒绝</a></td>
</tr>
<tr>
<td>4</td>
<td>赵六</td>
<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534319705436&di=ba02547f733030b104f2f71630bf004b&imgtype=0&src=http%3A%2F%2Fs1.cdn.deahu.com%2Fshow%2Flfile%2F6335C0DCEC67596EA2EDEB148781CB63.jpg" alt="赵六"></td>
<td>
<ul>
<li>荔枝10斤</li>
<li>橘子5斤</li>
<li>西瓜3个</li>
<li>香蕉3斤</li>
</ul>
</td>
<td>2018-08-15</td>
<td>200元</td>
<td>
<p>我给员工买了些水果，希望给报销！</p>
</td>
<td><a href="#">审核</a><a href="#">拒绝</a></td>
</tr>
</table>
</body>
</html>点击 "运行实例" 按钮查看在线实例
运行效果：
