Collection
Collection
PHP与HTML的关
2018年8月15号 天气：阵雨转阴
一：制作一张表格
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表格的运用</title>
<style type="text/css">
table{text-align: center;
border-collapse: collapse;
margin: 20px auto;
width: 800px;
}
table,th,td{
border: solid 1px #666;
}
table tr th{
background: #D9EDF7;
margin-bottom: 1rem;
font-size: 1.3rem;
color: black;
}
table tr:hover{
background-color: #efefef;
color: coral;
}
table tr td img{width: 120px;
height: 120px;
padding: 10px;
border-radius: 10px
}
table tr td img:hover{
width: 150px;
height: 150px;
}
table tr td a{
text-decoration-line: none;
width: 150px;
height: 50px;
padding: 6px;
border:solid 1px black;
border-radius: 10px;
background: white;
}
table tr td a:hover{
background: #5BC0DE;
color: white;
}
ul li{text-align: center;
list-style-type: none;
}
</style>
</head>
<body>
<table>
<caption><h1 style="font-family: 宋体 ;margin-bottom:2.5rem;">购物清单</h1></caption>
<tr>
<th>货码</th>
<th>名称</th>
<th>某牌</th>
<th>价格</th>
<th>数量</th>
<th>缩略图</th>
<th>选购</th>
</tr>
<tr>
<td>001</td>
<td>篮球</td>
<td>斯伯丁</td>
<td><strong>￥299.99元</strong><sub><del>￥399元</del></sub></td>
<td>3个</td>
<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534328358623&di=491d57ec4384228885c195f55dc47764&imgtype=0&src=http%3A%2F%2Fimage06.71.net%2Fimage06%2F36%2F58%2F09%2F09%2F307c99b5-7e94-43f7-8fe5-111aa35d31de.jpg"></td>
<td><a href="http://taobao.com">点击选购</a></td>
</tr>
<tr>
<td>002</td>
<td>球鞋</td>
<td>耐克</td>
<td><strong>￥799.99元</strong><sub><del>￥950元</del></sub></td>
<td>一双</td>
<td><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1534315511444&di=22a2ae70ec64949a34181ec91c0d45cf&imgtype=0&src=http%3A%2F%2Fimg.11665.com%2Fimg04_p%2Fi4%2FT1KtEIFXpkXXXXXXXX_%2521%25210-item_pic.jpg"></td>
<td><a href="http://taobao.com">点击选购</a></td>
</tr>
<tr>
<td>003</td>
<td>球服</td>
<td>安踏</td>
<td><strong>￥199.99元</strong><sub><del>￥299元</del></sub></td>
<td>两套</td>
<td><img src="http://pic39.photophoto.cn/20160616/1155115889455130_b.jpg"></td>
<td><a href="http://taobao.com">点击选购</a></td>
</tr>
</table>
<hr>
<ul>
<li>今日事今日毕!</li>
<li style=" float: left;">寸金难买寸光阴</li>
<li style="float: right;">莫等闲，白了少年头，空悲切！</li>
</ul>
</body>
</html>
运行实例 »
点击 "运行实例" 按钮查看在线实例点击 "运行实例" 按钮查看在线实例
本机运行图片：
二、简答题。
1. 学习PHP为什么必须要掌握HTML?
答：首先，开发一个项目是由前、后端一起开发合作的，HTML与其他语言（css,js）是前端的三大开发语言，懂的前端可以更好、更快的完成项目，避免交流过程中开发障碍。如：能快速理解前端人员的意图为他们开发的静态页面提供数据交互。
其次，PHP作为能直接嵌入HTML代码的语言，理解并掌握HTML能更快学会、学好PHP。
最后，说白了PHP就是动态的生成HTML代码的，你必须学好前端的知识。
2.为什么选择PHP开发动态网站？
答：是由PHP的语言特性决定的。
1：PHP开发项目速度快，能快速满足用户的需求。成为当前众多IT公司的选择。
2：PHP语言的开源性。跨平台性，安全易维护，方便开发人员与公司以最小的成本获取最大的利益。
3：当前主流应用的选择
PHP：当前WEB创业公司的语言选择主要集中在PHP。除了上述原因还有一个重要原因就是PHP开发程序员队伍的规模。
淘宝网 (阿里巴巴) : Linux操作系统 + Web 服务器: Apache +PHP。（哈哈，有点扯远了，现阶段还是好好学好PHP）
总结：
首先第一次上朱老师的直播课，一开始有点不以为然听着老师的课，因为老师教的太小儿科，而后，感觉有点颠覆了我学习前端以来的观点，因为老师那些讲的和我以前学的完全不一样，而我自己没有那么的去尝试过（不用那些结构体的标签，随便一个位置写css），现在想想这不正合我以前自学PHP一样吗？如：在HTML、js代码中插入PHP，在代码底部写入一个Script脚本。
不过老师代码HTML，写的不是规范的，但就是对的能运行的。所以警醒了我学代码不能太死板，应该多尝试，或许能领略到不同的风景。
