<!–Logical Styles–>
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<code>This is some computer code</code>
<!–Definition list–>
<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>
<!–Frames–>
<frameset cols=”25%,75%”>
<frame src=”page1.htm”>
<frame src=”page2.htm”>
</frameset>
<!–Forms–>
<form action=”http://www.example.com/test.asp” method=”post/get”>
<input type=”text” name=”lastname”
value=”Nixon” size=”30″ maxlength=”50″>
<button type=”button” onclick=”alert(‘hello’)”>click me</button>
<input type=”password”>
<input type=”checkbox” checked=”checked”>
<input type=”radio” name=”sex” value=”male” checked>Male
<br>
<input type=”radio” name=”sex” value=”female”>Female
<input type=”submit”>
<input type=”reset”>
<input type=”hidden”>
<input list=”listname” name=”browser”/>
<select>
<option value=”apple”>Apples</option>
<option value=”banana”selected>Bananas</option>
<option value=”cherry”>Cherries</option>
</select>
<textarea name=”Comment” rows=”60″
cols=”20″></textarea>
</form>
<!–fieldset 组合表单数据–>
<fieldset>
<legend>information:</legend>
用户名:<br />
<input type=”text” name=”n1″ value=”n2″/><br />
密码:<br />
<input type=”text” name=”n4″ value=”n3″/><br />
<input type=”submit” value=”submit” /> <br/>
</fieldset>
<!–datalist–>
<datalist />
<script>
function allowDrop(ev)
{
ev.preventDefault();
}

function drag(ev)
{
ev.dataTransfer.setData(“Text”,ev.target.id);
}

function drop(ev)
{
ev.preventDefault();
var data=ev.dataTransfer.getData(“Text”);
ev.target.appendChild(document.getElementById(data));
}
</script>
<!–canvas–>
<script type=”text/javascript”>
var c=document.getElementById(“myCanvas”);
var cxt=c.getContext(“2d”);
cxt.moveTo(10,10);
cxt.lineTo(150,50);
cxt.lineTo(10,50);
cxt.stroke();
</script>
<canvas >
</script>

CSS CSS CSS CSS
CSS CSS CSS CSS

<!–id 选择器–>
#red {color:red;}
#green {color:green;}
<p );

**javascript**javascript**
**javascript**javascript**
<p ;
将声明一个全局变量 carname，即使它在函数内执行。
<!–对象 函数 方法–>

<!–字符串 +方法–>
txt1=”What a very”;
txt2=”nice day”;
txt3=txt1+txt2;
在以上语句执行后，变量 txt3 包含的值是 “What a verynice day”
<!–switch–>
switch(n) {
case 1:
执行代码块 1;break;
case 2:
执行代码块 2;break;
default:
n 与 case 1 和 case 2 不同时执行的代码}
<!–for/in 循环–>
for/in 语句循环遍历对象的属性：
var person={fname:”John”,lname:”Doe”,age:25};
for (x in person) {
txt=txt + person[x];}//txt=”JohnDoe25″;
<!–break continue 特殊–>
除有正常用法，还有跳出标签代码块：
cars=[“BMW”,”Volvo”,”Saab”,”Ford”];
list:
{
document.write(cars[0] + “<br>”);
document.write(cars[1] + “<br>”);
document.write(cars[2] + “<br>”);
break list;
document.write(cars[3] + “<br>”);
document.write(cars[4] + “<br>”);
document.write(cars[5] + “<br>”);
}
<!–try catch throw–>
try
{ var x=document.getElementById(“demo”).value;
if(x==””) throw “值为空”;
if(isNaN(x)) throw “不是数字”;
if(x>10) throw “太大”;
if(x<5) throw “太小”;}
catch(err)
{var y=document.getElementById(“mess”);
y.innerHTML=”错误：” + err + “。”;}
try { adddlert(“Welcome guest!”); }
catch(err) {
txt=”There was an error on this page.\n\n”;
txt+=”Error description: ” + err.message + “\n\n”;
txt+=”Click OK to continue.\n\n”;
alert(txt);}
<!–DOM 事件–>
<h1 onclick=”this.innerHTML=’谢谢!'”>请点击该文本</h1>
onchange 事件
onchange 事件常结合对输入字段的验证来使用。
下面是一个如何使用 onchange 的例子。当用户改变输入字段的内容时，会调用 upperCase() 函数。
<input type=”text” )..alert()

var t1=setTimeout(“document.getElementById(‘txt’).value=’2 秒'”,2000)
setTimeout() 未来的某时执行代码
clearTimeout() 取消setTimeout()
<!–jQuery..js Frame–>
<script src=”https://ajax.useso.com/ajax/libs/jquery/1.8.3/jquery.min.js”>
</script>
<script>
function myFunction()
{
$(“#h01”).html(“Hello jQuery”)
}
$(document).ready(myFunction);
</script>
<!–特殊字符 转意–>
[ //[
<!–jQuery 选择器–>
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取 HTML 元素。
$(“p”) 选取 <p> 元素。
$(“p.intro”) 选取所有 class=”intro” 的 <p> 元素。
$(“p#demo”) 选取所有 );

$(this) 当前 HTML 元素
$(“p”) 所有 <p> 元素
$(“p.intro”) 所有 class=”intro” 的 <p> 元素
$(“.intro”) 所有 class=”intro” 的元素
$(“#intro”) ,myFunction);
</script>
camel-case 标记法

SQL SQL SQL
SQL SQL SQL
SQL SQL SQL

SQL 指结构化查询语言
SQL 使我们有能力访问数据库
SQL 是一种 ANSI 的标准计算机语言
创建发布数据库中数据的网站，需要以下要素：
RDBMS 数据库程序（比如 MS Access, SQL Server, MySQL）
服务器端脚本语言（比如 PHP 或 ASP）
SQL
HTML / CSS
RDBMS 指的是关系型数据库管理系统,RDBMS 是 SQL 的基础，也是所有现代数据库系统诸如 Oracle、SQL Server、IBM DB2、Sybase、MySQL 以及 Microsoft Access 的基础。
SQL 使用单引号来环绕文本值（大部分数据库系统也接受双引号）。如果是数值，请不要使用引号。
<!–SQL DML 和 DDL–>
可以把 SQL 分为两个部分：数据操作语言 (DML) 和 数据定义语言 (DDL)。
SQL (结构化查询语言)是用于执行查询的语法。但是 SQL 语言也包含用于更新、插入和删除记录的语法。
查询和更新指令构成了 SQL 的 DML 部分：
SELECT – 从数据库表中获取数据
UPDATE – 更新数据库表中的数据
DELETE – 从数据库表中删除数据
INSERT INTO – 向数据库表中插入数据
SQL 的数据定义语言 (DDL) 部分使我们有能力创建或删除表格。我们也可以定义索引（键），规定表之间的链接，以及施加表间的约束。
SQL 中最重要的 DDL 语句:
CREATE DATABASE – 创建新数据库
ALTER DATABASE – 修改数据库
CREATE TABLE – 创建新表
ALTER TABLE – 变更（改变）数据库表
DROP TABLE – 删除表
CREATE INDEX – 创建索引（搜索键）
DROP INDEX – 删除索引
<!–SQL SELECT DISTINCT 语句–>
在表中，可能会包含重复值,关键词 DISTINCT 用于返回唯一不同的值。
SELECT DISTINCT 列名称 FROM 表名称
<!–WHERE ORDERED子句–>
有条件地从表中选取数据，可将 WHERE 子句添加到 SELECT 语句。
SELECT 列名称 FROM 表名称 WHERE 列 运算符 值
ex:SELECT * FROM Persons WHERE (FirstName=’Thomas’ OR FirstName=’William’) AND LastName=’Carter’
以逆字母顺序显示公司名称，并以数字顺序显示顺序号：
SELECT * FROM Orders ORDERED BY Company DESC,Ordernumber ASC;
<!–INSERT INTO 语句–>
INSERT INTO 语句用于向表格中插入新的行。
INSERT INTO 表名称 VALUES (值1, 值2,….)
INSERT INTO Persons VALUES (‘Gates’, ‘Bill’, ‘Xuanwumen 10’, ‘Beijing’)
我们也可以指定所要插入数据的列：
INSERT INTO table_name (列1, 列2,…) VALUES (值1, 值2,….)
INSERT INTO Persons (LastName, Address) VALUES (‘Wilson’, ‘Champs-Elysees’)
<!–Update 语句–>
Update 语句用于修改表中的数据
UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值
UPDATE Person SET FirstName = ‘Fred’ WHERE LastName = ‘Wilson’
<!–DELETE 语句–>
DELETE 语句用于删除表中的行。
DELETE FROM 表名称 WHERE 列名称 = 值
DELETE FROM Person WHERE LastName = ‘Wilson’
<!–TOP 子句–>
TOP 子句用于规定要返回的记录的数目。
对于拥有数千条记录的大型表来说，TOP 子句是非常有用的。
注释：并非所有的数据库系统都支持 TOP 子句。
SQL Server 的语法：
SELECT TOP number|percent column_name(s)
FROM table_name
SELECT * FROM Persons LIMIT 5;
SELECT TOP 2 * FROM Persons;
SELECT TOP 50 PERCENT * FROM Persons;
<!–LIKE 操作符–>
LIKE 操作符用于在 WHERE 子句中搜索列中的指定模式。
SELECT column_name(s) FROM table_name WHERE column_name LIKE pattern;
SELECT * FROM Persons WHERE City NOT LIKE ‘%lon%’;
<!–SQL 通配符–>
SQL 通配符必须与 LIKE 运算符一起使用。
在 SQL 中，可使用以下通配符：
% 替代一个或多个字符
_ 仅替代一个字符
[charlist] 字符列中的任何单一字符
[^charlist]或[!charlist] 不在字符列中的任何单一字符
<!–SQL IN..BETWEEN 操作–>
SELECT * FROM Persons WHERE LastName IN (‘Adams’,’Carter’);
如需以字母顺序显示介于 “Adams”（包括）和 “Carter”（不包括）之间的人，请使用下面的 SQL：
SELECT * FROM Persons WHERE LastName BETWEEN ‘Adams’ AND ‘Carter’;
<!–DATABASE CREATE–>
CREATE DATABASE 用于创建数据库。
CREATE DATABASE database_name;
CREATE DATABASE 语句
CREATE DATABASE 用于创建数据库。
SQL CREATE DATABASE 语法
CREATE DATABASE database_name
<!–JOIN–>
SELECT Persons.LastName, Persons.FirstName, Orders.OrderNo FROM Persons, Orders WHERE Persons.Id_P = Orders.Id_P
不同的 SQL JOIN
JOIN: 如果表中有至少一个匹配，则返回行
LEFT JOIN: 即使右表中没有匹配，也从左表返回所有的行
RIGHT JOIN: 即使左表中没有匹配，也从右表返回所有的行
FULL JOIN: 只要其中一个表中存在匹配，就返回行
SELECT Persons.LastName, Persons.FirstName, Orders.OrderNo FROM Persons
INNER JOIN Orders ON Persons.Id_P = Orders.Id_P ORDER BY Persons.LastName
<!–select into–>
IN 子句可用于向另一个数据库中拷贝表：
SELECT * INTO Persons IN ‘Backup.mdb’ FROM Persons
如果我们希望拷贝某些域，可以在 SELECT 语句后列出这些域：
SELECT LastName,FirstName INTO Persons_backup FROM Persons
<!–create Index –>
CREATE INDEX index_name ON table_name (column_name)
CREATE INDEX PersonIndex ON Person (LastName)
<!–DROP INDEX–>
SQL DROP INDEX 语句
我们可以使用 DROP INDEX 命令删除表格中的索引。
用于 Microsoft SQLJet (以及 Microsoft Access) 的语法:
DROP INDEX index_name ON table_name
SQL DROP TABLE 语句
DROP TABLE 语句用于删除表（表的结构、属性以及索引也会被删除）：
DROP TABLE 表名称
SQL DROP DATABASE 语句
DROP DATABASE 语句用于删除数据库：
DROP DATABASE 数据库名称
SQL TRUNCATE TABLE 语句
如果我们仅仅需要除去表内的数据，但并不删除表本身，那么我们该如何做呢？
请使用 TRUNCATE TABLE 命令（仅仅删除表格中的数据）：
TRUNCATE TABLE 表名称
<!–内建 SQL 函数的语法是：–>
SELECT function(列) FROM 表
在 SQL 中，基本的函数类型和种类有若干种。函数的基本类型是：
Aggregate 函数 Aggregate 函数的操作面向一系列的值，并返回一个单一的值。
Scalar 函数 Scalar 函数的操作面向某个单一的值，并返回基于输入值的一个单一的值。

AND / OR SELECT column_name(s) FROM table_name WHERE condition AND|OR condition
ALTER TABLE (add column) ALTER TABLE table_name ADD column_name datatype
ALTER TABLE (drop column) ALTER TABLE table_name DROP COLUMN column_name
AS (alias for column) SELECT column_name AS column_alias FROM table_name
AS (alias for table) SELECT column_name FROM table_name AS table_alias
BETWEEN SELECT column_name(s) FROM table_name WHERE column_name BETWEEN value1 AND value2
CREATE DATABASE CREATE DATABASE database_name
CREATE INDEX CREATE INDEX index_name ON table_name (column_name)
CREATE TABLE CREATE TABLE table_name(column_name1 data_type,column_name2 data_type,…….)
CREATE UNIQUE INDEX CREATE UNIQUE INDEX index_nameON table_name (column_name)
CREATE VIEW CREATE VIEW view_name AS SELECT column_name(s) FROM table_name WHERE condition
DELETE FROM DELETE FROM table_name (Note: Deletes the entire table!!) or DELETE FROM table_name WHERE condition
DROP DATABASE DROP DATABASE database_name
DROP INDEX DROP INDEX table_name.index_name
DROP TABLE DROP TABLE table_name
GROUP BY SELECT column_name1,SUM(column_name2) FROM table_name GROUP BY column_name1
HAVING SELECT column_name1,SUM(column_name2) FROM table_name GROUP BY column_name1 HAVING SUM(column_name2) condition value
IN SELECT column_name(s) FROM table_name WHERE column_name
IN (value1,value2,..)
INSERT INTO INSERT INTO table_name
VALUES (value1, value2,….) or INSERT INTO table_name (column_name1, column_name2,… VALUES (value1, value2,….)
LIKE SELECT column_name(s) FROM table_name WHERE column_name LIKE pattern
ORDER BY SELECT column_name(s) FROM table_name ORDER BY column_name [ASC|DESC]
SELECT SELECT column_name(s) FROM table_name
SELECT * SELECT * FROM table_name
SELECT DISTINCT SELECT DISTINCT column_name(s) FROM table_name
SELECT INTO (used to create backup copies of tables) SELECT * INTO new_table_name FROM original_table_name or SELECT column_name(s) INTO new_table_name FROM original_table_name
TRUNCATE TABLE (deletes only the data inside the table) TRUNCATE TABLE table_name
UPDATE UPDATE table_name SET column_name=new_value [, column_name=new_value]
WHERE column_name=some_value WHERE SELECT column_name(s) FROM table_name WHERE condition

BEGIN TRANSACTION;

/* Create a table called NAMES */
CREATE TABLE NAMES(Id integer PRIMARY KEY, Name text,City text);

/* Create few records in this table */
INSERT INTO NAMES VALUES(1,’Tom’,’beijing’);
INSERT INTO NAMES VALUES(2,’Lucy’,’nanjing’);
INSERT INTO NAMES VALUES(3,’Frank’,’yangzhouo’);
INSERT INTO NAMES VALUES(4,’Jane’,’changzhou’);
INSERT INTO NAMES VALUES(5,’Robert’,’suzhou’);
COMMIT;

/* Display all the records from the table */
SELECT * FROM NAMES;