学习PHP为什么必须要掌握HTML?
php,即“超文本预处理器”,就是在服务器端运行的可以嵌入HTML的脚本语言,通过对php的解析器对php代码进行解析,转化成浏览器能看懂的html代码,其根本目的就是使html代码动态显示在客 户端上。由此可见php与html密切相关,所以我们学习php必须要学习html。
为什么选择PHP开发动态网站?
因为php开发快、上手快、迭代快,所以选择php来开发动态网站,而且php可以进行原生开发,可以进行框架开发,框架开发能更好的规范代码。时间就是生命。
实例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <style> * { text-decoration: none; } table { width: 700px; text-align: center; margin: 20px auto; border-collapse: collapse; } caption { font-size: 3rem; /*1rem=10px*/ font-weight: bolder; color: #666; margin-bottom: 20px } th { padding: 10px 0 10px 0; } table, th, td { border: 1px solid #666; } table tr:first-child { background-color: #b2edd6; } table tr:hover { background-color: #dce6e4; } img { border-radius: 20%; } button { background-color: #4CAF50; border: none; color: white; padding: 10px 20px; font-size: 15px; cursor: pointer; transition: box-shadow,background-color 0.4s,0.3s; } button:hover { box-shadow: 0 6px 10px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19); } button:active { background-color: #dd966a; } </style> <body> <table> <caption>换手机计划</caption> <tr> <th>排 名</th> <th>品 牌</th> <th>型 号</th> <th>缩 略 图</th> <th>投 票</th> </tr> <tr> <td>1</td> <td>Apple</td> <td>i phone x</td> <td> <img src="//g-search1.alicdn.com/img/bao/uploaded/i4/TB1nYk_aGLN8KJjSZFGXXbjrVXa.jpg_180x180.jpg_.webp" width="100px" ;> </td> <td><button>投上一票</button> </td> </tr> <tr> <td>2</td> <td>华为</td> <td>荣耀10</td> <td><img src="https://img.alicdn.com/imgextra/i4/2215302589/TB2erJca6bguuRkHFrdXXb.LFXa_!!2215302589.jpg_430x430q90.jpg" width="100px"></td> <td><button>投上一票</button> </td> </tr> <tr> <td>3</td> <td>华为</td> <td>nova3</td> <td><img src="https://img.alicdn.com/imgextra/i1/2838892713/TB2akPHlOQnBKNjSZFmXXcApVXa_!!2838892713.jpg_430x430q90.jpg" width="100px"> <td><button>投上一票</button> </td> </td> </tr> <tr> <td>4</td> <td>小米</td> <td>小米8</td> <td><img src="//g-search3.alicdn.com/img/bao/uploaded/i4/TB1319dicj_B1NjSZFHXXaDWpXa.jpg_180x180.jpg_.webp" width="100px"> <td><button>投上一票</button> </td> </td> </tr> </table> </body> </html>
运行实例 »点击 "运行实例" 按钮查看在线实例