Environment configuration
https://www.xp.cn/
- Open the above webpage, download the php integrated environment,
phpstudy - start service
code writing
- hello
<?php
echo "hello";
print("hello");
?>
- write web pages
<!--
可以这样理解：
写的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>"
?>
The syntax is similar to the C language. For variable declaration
$, double quotes will parse the variable, but single quotes will not.
open php
- the rendered result
<!--
可以这样理解：
写的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>
So far you have learned how to write web pages with php, see you later.