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. windows获取本机MAC地址并写入文件的bat

    windows获取本机MAC地址并写入文件的bat MAC(Media Access Control)地址,或称为 MAC地址.硬件地址,用来定义网络设备的位置. bat代码例如以下: @echo o ...

  2. （剑指Offer）面试题51：数组中重复的数字

    题目: 在一个长度为n的数组里的所有数字都在0到n-1的范围内. 数组中某些数字是重复的,但不知道有几个数字是重复的.也不知道每个数字重复几次.请找出数组中任意一个重复的数字. 例如,如果输入长度为7 ...

  3. 搭建keepalived遇到的问题

    搭建keepalived遇到的问题 主机192.168.100.10 备机192.168.100.20 VIP192.168.100.30 一.防火墙开启后双机都是master. 在搭建之后开启防火墙 ...

  4. 关于listview，scrollview显示模糊边缘的设置

    朋友们有时可能在开发中遇到这样的莫名其妙的问题,listview或scrollview滑动时上边和下边会出现两条模糊的边缘,有时会影响到我们app的视觉效果,我们怎么去掉这两条模糊的边缘呢?很简单,一 ...

  5. mybatis模糊查询语句

    articletitle like concat('%',#{articletitle},'%')

  6. android TextView异常换行层次不齐的问题

    关于TextView异常换行,参差不齐问题分析:每行的开头的第一个字符如果是字母,数字,标点符号以及特殊字符 可能是由于都是半角字符,所以需要转化成全角字符 解决方法是: public String ...

  7. Cookie的介绍

    Cookie是某些站点为了辨别用户身份而存在用户本地终端上的数据.Cookie总是保存在client中,可分为内存 Cookie和硬盘Cookie,而依照时间划分.又能够分为非持久Cookie和持久C ...

  8. findlibrary returned null产生的联想，Android ndk开发打包时我们应该怎样注意平台的兼容（x86,arm,arm-v7a）

    非常多朋友在开发Android JNI的的时候,会遇到findlibrary returned null的错误,由于某种原因,so没有打包到apk中.以下浅析下引起该错误的原因以及平台兼容性问题. A ...

  9. jquery 常用api 小结2

    *一)jQuery常用方法API实战 (1)DOM简述与分类 A)DOM是一种标准,它独立于平台,语言,浏览器. B)如果项目中,你完全按照DOM标准写代码,你就能在各大主流的浏览器中操作标准控件. ...

  10. react native window下的环境搭建和调试方案

    这几天使用react native开发app,遇到一些坑,先记录下来,以后再继续补充 环境搭建 打开react native中文网,发现环境搭建特么也太复杂了,安装各种插件/软件,对于我们 编辑器+浏 ...