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. mysql 下 计算 两点 经纬度 之间的距离

    公式如下,单位米: 第一点经纬度:lng1 lat1 第二点经纬度:lng2 lat2 round(6378.138*2*asin(sqrt(pow(sin( (lat1*pi()/180-lat2* ...

  2. ftm时钟源

    FTMx_SC中的 CLKS时钟选择位 00 :无 01: System clock 10:Fixed frequency clock 11 External clock 此处的01:System c ...

  3. Ubuntu 中/etc/resolv.conf 文件修改丢失的解决方案

    方法一 1.需要创建一个文件/etc/resolvconf/resolv.conf.d/tail sudo vi /etc/resolvconf/resolv.conf.d/tail 2.在该文件中写 ...

  4. Android之横屏竖屏显示问题

    1.採用不同的布局文件 在res下创建目录layout-land 在该目录下写入的layout(xml文件)横屏的时候系统自己主动选择显示的layout 同理: 在res下创建目录layout-por ...

  5. js实现可拉伸移动的div

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd&qu ...

  6. 解决 同时安装 python3,python2环境时，用pip安装 python3 包

    应用场景 默认mac上已经安装了 python2; 而我又安装了 python3,并使用 python3; 安装了 pip 默认,pip安装的包安装在了 python2上了: 但是我想用 pip把安装 ...

  7. octopress github 换电脑 使用

    octopress github 换电脑 使用

  8. java 泛型--桥方法

    因为 java 在编译源码时, 会进行 类型擦除, 导致泛型类型被替换限定类型(无限定类型就使用 Object). 因此为保持继承和重载的多态特性, 编译器会生成 桥方法. 本文最后附录所有源码. P ...

  9. jquery remove()不兼容问题解决方案

      jquery remove()不兼容问题解决方案 CreationTime--2018年7月27日10点19分 Author:Marydon 1.情景展示 点击关闭,将这个div移除掉 源码展示 ...

  10. Solr4.6删除数据的办法

    Solr4.6的管理界面上,假设不配置数据导入的功能,将看不到清除数据的button.我表示非常遗憾,正好我们线上没有配置数据导入的功能. 网上搜到的各种清理solr数据的HTTP请求,拿到我的sol ...