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学习笔记10--泛型总结

    java学习笔记系列: java学习笔记9--内部类总结 java学习笔记8--接口总结 java学习笔记7--抽象类与抽象方法 java学习笔记6--类的继承.Object类 java学习笔记5-- ...

  2. Virtualbox中Linux添加新磁盘并创建分区

    原文:https://www.linuxidc.com/Linux/2017-01/139616.htm ----------------------------------------------- ...

  3. Java项目在jsp页面中引入jquery框架的步骤

    环境:在Java  web项目中引入juqery框架 工具:MyEclipse8.5 [步骤如下] A:新建一个Java web项目TestJquery,在WebRoot目录下创建一个jquery文件 ...

  4. Download Visual Studio

    Welcome to a new way to install Visual Studio! In our newest version, we've made it easier for you t ...

  5. [Algorithm] Dynamic programming: Find Sets Of Numbers That Add Up To 16

    For a given array, we try to find set of pair which sums up as the given target number. For example, ...

  6. org.codehaus.xfire.fault.XFireFault: Could not read XML stream.. Nested exception is javax.xml.strea

    xfire使用中出现故障: 1. [2014-04-16 14:51:07.564]-[ERROR] org.apache.struts2.dispatcher.Dispatcher Exceptio ...

  7. Hibernate中load与get,update与merge方法的区别

    1.load()与get()的区别: (1)load()读取 User user = (User)session.load(User.class, userId); (2)get()读取 User u ...

  8. Python 访问dict

    访问dict 1:可以if判断元素是否存在 2:dict.get('key')我们已经能创建一个dict,用于表示名字和成绩的对应关系:d = { 'Adam': 95, 'Lisa': 85, 'B ...

  9. Java之开发工具(1) - Eclipse 如何设置注释的模板

    最常用的注释就是对类的说明和方法的说明,关于这类代码的注释方式,在Eclipse中可以这样进行设置: windows---preferences...---java--code style--code ...

  10. Ubuntu桌面操作快捷键

    Ubuntu操作基本快捷键 * 打开主菜单 = Alt + F1 * 运行 = Alt + F2 * 打开终端 = Alt+F2 然后输入gnome-terminal回车 * 显示桌面 = Ctrl ...