给自己1分钟时间,学会php

环境配置

https://www.xp.cn/

  1. 打开上面的网页,下载php集成环境,phpstudy
  2. 启动服务

代码编写

  • 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

给自己1分钟时间,学会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编写网页,有缘再会。

上一篇:函数进阶内容 调度:setTimeout 和 setInterval


下一篇:JavaScript中DOM的操作方法