PHP与HTML的关
2018年8月15号 天气:阵雨转阴
一:制作一张表格
实例
实例 <!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,写的不是规范的,但就是对的能运行的。所以警醒了我学代码不能太死板,应该多尝试,或许能领略到不同的风景。