环境配置
- 打开上面的网页,下载php集成环境,
phpstudy
- 启动服务
代码编写
- hello
<?php echo "hello"; print("hello"); ?>
- 编写网页
<!-- 可以这样理解: 写的php文件中的style,script会被安顺序解析生成dom树, 注意:: 全部都在body里面 --> <!-- 会被解析到html的body里面 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>我是html</h1> </body> </html> <?php echo "<h1>我是最前面的php</h1>"; ?> <style> h1{ color: red; } .box{ width: 200px; height: 200px; background: #ccc; color:red; line-height: 200px; text-align: center; } </style> <!-- <script> alert("hello") </script> <script> alert("22") </script> --> <?php echo "<h1>我在前面</h1>"; ?> <!-- <html> <body> <div class="box"> 我是测试盒子 </div> </body> </html> --> <?php print("<h1>for</h1>"); for($i=1; $i<5; $i++){ // 注意双引号可以解析变量,但是单引号不行 echo "<p>我是for循环渲染的$i</p>"; } print("<h1>while</h1>"); $num = 5; while($num>0){ print("$num"); $num--; } $test = "switch"; // 这里不会变 // echo '$test\r\n'; echo "<h1>$test</h1>"; $age = 18; switch($age) { case $age >18: print("age > 18"); break; case $age < 18 : print("age < 18"); break; default: print("age=18"); } print("<h1>if</h1>"); $a = 3; if($a>1){ print("$a>1"); } ?> <!-- <script> alert("我在后面") </script> --> <style> h1{ color: blue; } </style> <?php echo "<h2>看看是不是写在最后面的script才会被解析到body里面吧。</h2>" ?>
语法跟c语言类似,变量声明用
$
, 双引号会解析变量,单引号不会。
打开php
- 渲染的结果
<!-- 可以这样理解: 写的php文件中的style,script会被安顺序解析生成dom树, 注意:: 全部都在body里面 --> <!-- 会被解析到html的body里面 --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>我是html</h1> </body> </html> <h1>我是最前面的php</h1> <style> h1{ color: red; } .box{ width: 200px; height: 200px; background: #ccc; color:red; line-height: 200px; text-align: center; } </style> <!-- <script> alert("hello") </script> <script> alert("22") </script> --> <h1>我在前面</h1> <!-- <html> <body> <div class="box"> 我是测试盒子 </div> </body> </html> --> <h1>for</h1><p>我是for循环渲染的1</p><p>我是for循环渲染的2</p><p>我是for循环渲染的3</p><p>我是for循环渲染的4</p><h1>while</h1>54321<h1>switch</h1>age=18<h1>if</h1>3>1 <!-- <script> alert("我在后面") </script> --> <style> h1{ color: blue; } </style> <h2>看看是不是写在最后面的script才会被解析到body里面吧。</h2>
至此你已经学会了,php编写网页,有缘再会。