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>


PHP，JavaScript，CSS三种HTML内嵌语言的语法，变量，循环，函数记录的更多相关文章

  1. 转载：CSS的组成,三种样式(内联式,嵌入式,外部式),优先级

    (仅供自己备份) 原文地址:http://blog.csdn.net/chq11106004389/article/details/50515717 CSS的组成 选择符/选择器+声明(属性+值) 选 ...

  2. CSS三种写法的优先级

    在HTML文件中引入CSS样式有三种方法: 外部样式:通过link标签引入CSS样式: 内页样式:写在HTML页面里面的style标签里面: 行内样式:写在对应标签的style属性里面. 我知道一般情 ...

  3. css三种样式表写法

    css三种样式表:1.内嵌样式表: <head>  <style type="text/css">   样式表写法  </style> < ...

  4. CSS三种样式

    CSS 指层叠样式表 (Cascading Style Sheets): 1 内联样式:无法复用,在元素style内写 ,很少使用: 2 内部样式:在head元素内style属性内写,此样式可以被当前 ...

  5. 前端 CSS 三种引入方式

    CSS三种引入方式 行内样式 内接样式 外部样式 链接式 导入式 行内样式 就是在标签加上style属性设置样式 <!DOCTYPE html> <html lang="e ...

  6. 006 CSS三种引入方式

    CSS三种引入方式 一.三种方式的书写规范 1.行间式 <div style="width: 100px; height: 100px; background-color: red&q ...

  7. Python 45 css三种引入方式以及优先级

    一:css三种引入方式 三种方式为:行间式 | 内联式 | 外联式 行间式   1.在标签头部的style属性内  2.属性值满足的是css语法  3.属性值用key:value形式赋值,value具 ...

  8. css三种引入方式以及其优先级的说法

    css 三种引入方式 方式一:行间式 ​ 1.在标签头部的style属性内 ​ 2.属性值满足css语法 ​ 3.属性值用key:value形式赋值,value具有单位 ​ 4.属性值之间用 分号 : ...

  9. JavaScript的三种工业化调试方法

    JavaScript的三种工业化玩法 软件工程中任何的语言如果想要写出健壮的代码都需要锋利的工具,当然JavaScript也不例外,很多朋友刚入门的时候往往因为工具选的不对而事半功倍,JavaScri ...

随机推荐

  1. java设计模式3--单例模式（Singleton）

    本文地址:http://www.cnblogs.com/archimedes/p/java-singleton-pattern.html,转载请注明源地址. 单例模式 保证一个类仅有一个实例,并提供一 ...

  2. [Python爬虫] 之四：Selenium 抓取微博数据

    抓取代码: # coding=utf-8import osimport refrom selenium import webdriverimport selenium.webdriver.suppor ...

  3. Codeforces Round #208 E. Dima and Kicks

                                                                           E. Dima and Kicks             ...

  4. 改善C#程序的建议2：C#中dynamic的正确用法

    dynamic是FrameWork4.0的新特性.dynamic的出现让C#具有了弱语言类型的特性.编译器在编译的时候不再对类型进行检查,编译期默认dynamic对象支持你想要的任何特性.比如,即使你 ...

  5. Spring 的ioc

    Spring的两个非常重要的功能ioc和aop 依赖反转:依赖对象的获得被反转:很多非凡的应用都是由两个或多个类通过彼此的合作来上线业务逻辑.这使得每一个对象都须要与其它对象合作,也就是说 一个对象获 ...

  6. js 实现sleep函数

    1.sleep函数 sleep函数作用是让线程休眠,等到指定时间在重新唤起. 2.sleep实现 <!DOCTYPE html> <html lang="zh"& ...

  7. OpenERP函數字段的應用

    在ERP開發過程中經常會使用到某字段的值是由其他字段計算得來,並且有些還需要將計算的結果存入資料庫. 以上功能上OpenERP中是用field.function實現的 其中有種模式 a). 只計算,不 ...

  8. 转：函数指针数组的妙用(I)

    转自:http://blog.sina.com.cn/s/blog_4c78b35f010008hi.html 笔者在开发某软件过程中遇到这样一个问题,前级模块传给我二进制数据,输入参数为 char* ...

  9. C/S 中当服务器进程崩溃的时候 SIGPIPE

    程序还是https://github.com/juniperdiego/Unix-network-programming-of-mine/tree/master/tcpserv02 参考unix网络编 ...

  10. BOM*创建工艺路线

    --工艺路线 DECLARE -- API input variables l_operation_tbl bom_rtg_pub.operation_tbl_type := bom_rtg_pub. ...