今天是第三天上课,朱老师讲解了PHP的基本概念以及table的制作。
学习PHP为什么必须要掌握HTML?
因为PHP是用来动态生成HTML代码的,前端主要是静态页面的开发,直接运行在浏览器中,后端代码需要服务器中的太特殊程序来运行,PHP使用与PHP是需要与HTML结合在一起编写,HTM可以负责前端的显示,而php可以负责后台的控制,两者结合可以生成动态网页。
为什么选择PHP开发动态网站?
因为PHP在同类语言中开发速度是比较快的,包括上手快,开发快,迭代快,且拥有庞大的知识体系,而且现在已有了许多开发框架可以进行开发。
代码:
实例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>table表格操作</title> <style type="text/css"> table { border-collapse: collapse; /*折叠表格线*/ width: 1000px; text-align: center; margin:0 auto; } table caption { font-size: 20px; font-weight: bolder; color: #666; margin-bottom: 20px; } table th{ background:#C4C4C4; } table, th, td { border: 1px solid #666; } table tr:first-child:hover { background-color: #C4C4C4; color:#000000; } table tr:hover { background-color: #F0F0F0; color: #1874CD; } table tr td img { width: 100px; height:120px; padding: 5px; border-radius: 10px; } table tr td a { width:100px; height:100px; margin-left:10px; padding:5px; text-decoration: none; background: green; color:#FFFFFF; font-size: 14px; border-radius: 10px; } table tr td a:hover { background: blue; } </style> </head> <body> <table> <caption>人员管理</caption> <tr> <th>工号</th> <th>员工照</th> <th>姓名</th> <th>性别</th> <th>入职日期</th> <th>职位</th> <th>电话</th> <th>操作</th> </tr> <tr> <td>001</td> <td><img src="images/1.jpg"></td> <td>周某</td> <td>女</td> <td>2018-01-01</td> <td>工程师</td> <td>13266522322</td> <td><a href="#">编辑</a><a href="#">删除</a></td> </tr> <tr> <td>002</td> <td><img src="images/2.jpg"></td> <td>李某</td> <td>女</td> <td>2018-01-01</td> <td>工程师</td> <td>1389995322</td> <td><a href="#">编辑</a><a href="#">删除</a></td> </tr> <tr> <td>003</td> <td><img src="images/3.jpg"></td> <td>王某</td> <td>男</td> <td>2018-03-01</td> <td>工程师</td> <td>18206312669</td> <td><a href="#">编辑</a><a href="#">删除</a></td> </tr> <tr> <td>004</td> <td><img src="images/4.jpg"></td> <td>赵某</td> <td>女</td> <td>2018-04-01</td> <td>工程师</td> <td>13266589992</td> <td><a href="#">编辑</a><a href="#">删除</a></td> </tr> <tr> <td>005</td> <td><img src="images/5.jpg"></td> <td>吴某</td> <td>男</td> <td>2018-05-01</td> <td>工程师</td> <td>12336645752</td> <td><a href="#">编辑</a><a href="#">删除</a></td> </tr> </table> </body> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
效果图:
课堂总结:朱老师在这节课中讲解了PHP的基本能概念,让我对PHP有了初步的认识,又将HTML页的元素进行了更透彻的讲解。不过后面一节的table表格制作让我有点吃力,table包含的标签比较多,且样式不大好控制,自己还要多花点时间研究一下。