PHP，JavaScript，CSS三种HTML内嵌语言的语法，变量，循环，函数记录
PHP
-
PHP简介：
PHP 是服务器端脚本语言。
PHP（全称：PHP：Hypertext Preprocessor，即"PHP：超文本预处理器"）是一种通用开源脚本语言。
PHP 脚本在服务器上执行。
-
PHP 语法：
<!DOCTYPE html>
<html>
<body>
<h1>My first PHP page</h1>
<!-- 这是PHP的内嵌语句 -->
<?php
// php 开始
$ x = 6;
// 函数
function myTest()
{
$y=10; // 局部变量
echo "<p>测试函数内变量:<p>";
echo "变量 x 为: $x";
echo "<br>";
echo "变量 y 为: $y";
}
// 注释和C以及JavaScript 一样
echo "Hello World!";
// 变量;
$y = 6;
$z = $x + $y;
$test = "chen";
// 条件语句
$t=date("H");
if ($t<"20")
{
echo "Have a good day!";
}
// 循环语句
$i=1;
while($i<=5)
{
echo "The number is " . $i . "<br>";
$i++;
}
// php结束
?>
</body>
</html>
JavaScript
-
JavaScript 简介：
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
-
JavaScript 变量：
var x = 10;
var y = 12;
var z = x + y;
var persion_name = "chenfulin";
// 创建变量
var chen_num;
chen_num = 7;
-
JavaScript 条件语句以及循环语句：
/* 条件语句和C语言是一样的，比较也是 */
// for 循环：
<script>
cars=["BMW","Volvo","Saab","Ford"];
for (var i=0;i<cars.length;i++){
document.write(cars[i] + "<br>");
}
</script>
// while 语句
<script>
function myFunction(){
var x="",i=0;
while (i<5){
x=x + "该数字为 " + i + "<br>";
i++;
}
document.getElementById("demo").innerHTML=x;
}
</script>
-
JavaScript 在 body 中的脚本调用：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
<p>
JavaScript 能够直接写入 HTML 输出流中：
</p>
<!-- 这是 HTML中的脚本调用 -->
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。
</p>
</body>
</html>
-
JavaScript在 head 的函数声明
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<!-- head 中的函数声明 -->
<script>
// 这是 JavaScript 的注释
function myFunction(){
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
/*
这是JavaScript的多行注释
*/
</script>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<!-- 一个按键的调用 -->
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
CSS
-
CSS 作用
// 目前认为的作用就是修饰了 HTML 各个元素的格式，提高了开发效率
CSS 指层叠样式表 (Cascading Style Sheets)
样式定义如何显示 HTML 元素
样式通常存储在样式表中
把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题
外部样式表可以极大提高工作效率
外部样式表通常存储在 CSS 文件中
多个样式定义可层叠为一
-
CSS 语法
<html>
<head>
<style>
/* 这里面就是有关 HTML标签的内容的修饰 */
body {background-color:yellow;}
/* body 里面所有的内容都是黄色 */
h1 {font-size:36pt;}
/* h1 的字体大小是36pt */
h2 {color:blue;}
/* h2 标题的颜色是蓝色 */
p {margin-left:50px;}
/* p 的内容偏移50码 */
</style>
</head>
<body>
<h1>This header is 36 pt</h1>
<h2>This header is blue</h2>
<p>This paragraph has a left margin of 50 pixels</p>
</body>
</html>
Read The Fucking Source Code
