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. 使用SQL SERVER FOR XML PATH将多个结果集转换成一行并进行去重处理

    在一个医药行业的系统中需要根据患者的接触记录ID获取不同接触类型的集合,效果像这样     --患者接触记录信息,一个患者可以有N个不同的接触记录,每个接触记录又有N个接触类型记录 IF OBJECT ...

  2. vue - 使用axios

    1. 先安装axios 1.1 npm安装:npm i -D axios 1.2 yarn 安装:yarn add axios --dev 2. 配置main.js,在src目录下. 3. 使用

  3. 算法笔记_018:旅行商问题（Java）

    目录 1 问题描述 2 解决方案 2.1 蛮力法 2.2 减治法 2.2.1 Johson-Trotter算法 2.2.2 基于字典序的算法   1 问题描述 何为旅行商问题?按照非专业的说法,这个问 ...

  4. WCF学习笔记之可靠会话

    可靠会话传输需要解决两个问题:重复消息和无序交付:制定WS-RM的一个主要目的就是实现一种模块化 的可靠消息传输机制:WS-RM两个版本(WS-RM1.0和WS-RM1.1): WCF中整个可靠会话的 ...

  5. 【APP接口开发】常用HTTP响应头状态码详解

    1.200 OK,客户端请求城成功 2.400 Bad Request ,客服端请求语法错误,服务器无法理解和处理 3.401 unauthorized,请求未通过认证 4.403 permissio ...

  6. 使用万网+阿里云服务器（Apache）配置二级域名

    1. 在万网域名解析中添加二级域名解析配置    在下面的主机记录(RR)的栏位添加二级域名名称后点确定按钮即可.     注:需要等一段时间才能生效,请留意万网域名解析列表的生效状态栏位. 2. 在 ...

  7. Linux-iptables详解

    一:前言   防火墙,其实说白了讲,就是用于实现Linux下访问控制的功能的,它分为硬件的或者软件的防火墙两种.无论是在哪个网络中,防火墙工作的地方一定是在网络的边缘.而我们的任务就是需要去定义到底防 ...

  8. 后台管理-基于 Bootstrap 开发的网站后台管理面板

    Bootstrap 开发框架真的很强大,今天推荐几个非常不错的基于 Bootstrap 开发的网站后台管理面板,全部都是响应式布局,细节做得都很不错.可以搜索keenthemes. Metronic ...

  9. LeetCode-344：Reverse String

    This  is a  "Pick One" Problem :[Problem:344-Reverse String] Write a function that takes a ...

  10. shell中的find和xargs详细解析