<!------------------java Script-->
1..Html内容
1. html 就是超文本标记语言的简写，是最基础的网页语言。
2. html是通过标签来定义的语言代码都是有标签所组成。
3. html代码不用区分大小写。
4. html 代码由<html> 开始和 </html> 结束。里面由头部分<head></head> 和体部分<body> </body> 两部分组成。
5. 头部分是给 html 页面增加一些辅助或者属性信息，它里面的内容会最先加载。
6.体部分是真正存放数据的地方。
•多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以再标签内结束。
•
•想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
属性与属性值值之间用 “=” 连接，属性值可以用双引号或者单引号或者不用引号，一般都会用双引号。或公司规定书写规范。
1.1..格式：
<标签名 属性名=‘属性值’> 数据内容 </标签名>
<标签名 属性名=‘属性值’/>
1.2..操作思想；
为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。
标签就相当于一个容器。对容器中的数据进行操作，
就是在不断的改变容器的属性值。
1.3..字体
<font size=5 color=red>标签：
注： 简单颜色可用直接写对应的英文，复杂颜色用 16 进制表示，表现形式 #FF0000 两个数为一组，
按 红，绿，蓝 排列，如：#00FF00 表示绿色。建议用工具选取。
1.4..特殊字符:
如果要在网页上显示一些特殊符号，比如 < > & 等，因为这些符号在代码中会被浏览器识别并解析，
所以用一些特殊的方式来表示
<； < >； > &； &
"； " ® ? 注册符号 ©； ? 版权符号
&trade； ? TM符号  ； 空格
2..列表标签
<dl>定义列表
<dt>上层项目
<dd>下层项目
</dl>
<ol>数字标签（a A 1 i I）
<li>
<li>具体的项目内容，此签只在ol 内有效
</ol>
<ul>符号标签（空心圆，实心圆，方块）
<li>
</ul>
3..图像
<img>
<img src="图片地址.jpg" alt="图片说明文字"/>
4..表格
<table>
<caption>给表格提供标题
<th>对表格的第一行或者第一列格式化，就是粗体显示，不常用。
<tr>行标签
<td>单元格标签，加载在行标签的里面，简单理解为，先有行，再在行中加入单元格。
<table border=1 width=40%>
<tr>第一行
<th>第一格</th>
<th>第二格</th>
</tr>
<tr>第二行
<th>第一格</th>
<th>第二格</th>
</tr>
</table>
5..超链接
<a>
<a href="可以是URL，也可是本地文件" target="在那里打开">网址</a>
定位标记
<a name="标记">标记位置</a>
<a href="#标记">返回标记位置</a>用与上下翻页
6..表单
<fieldset>定义域结构
<legend 定义框架集的标题>
</legend>
</fieldset>
<form 是最常用的标签，用于与服务器交互>
<input type="指定输入标签的类型" />输入标签，接收用户输入信息
text : 文本框
password ：密码框
radio ：单选框
checkbox ： 复选框
hidden ：隐藏字段
submit ：提交按钮
reset ： 重置按钮
button ：按钮
file ： 文件上传（会自动生成文本框，和浏览按钮）
image ：图像（可用于替代 submit 按钮）
</form action=要提交的服务器地址 method=提交方式，默认GET，POST比较安全>
6.1..<select 选择标签 size=显示项目个数>提供用户选择的内容
<option 子项标签 />定义下拉列表中的选项
</select>
6.2..<textarea rows=行 cols=列>多行文本框
</textarea>
6.3..<label 用于给各元素定义快捷键 for=要作用的表单元素 accesskey=快捷键值>
</label>
6.4..<pre>
可以将文本内容按原样显示在页面上。
</pre>
6.5..<marquee behavior=飞的方式，scroll alternate slide direction=飞的方向，left right down up>
让内容动起来
</marquee>
6.6..<p>段落标签</P>
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<sub>下标</sub>
<sup>上标</sup>
7...<base>
href 属性，指定网页中所有的超链接的目录。可以是本地目录，也可以是网络目录。结尾一定要用/表示目录。
只作用与相对路径的超链接文件。
target 属性，指定打开超链接的方式。如_blank 表示用新窗口打开。
</base>
8...<meta />
name 属性，网页的描述信息，当取 keywords 时， content 属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性，模拟http 协议的响应消息头。
<meta http-equiv="refresh" content="3" /> 3 秒后自动刷新
9..<link />
rel 属性：描述目标文档与当前文档的关系。
type 属性，文档类型
meida 属性，指定目标文档在那种设备上起作用。
<link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />
10.0........CSS 层叠样式表
"cascading style sheets" 的简称，中文翻译为“串接样式表”，或-样式表。css用以作为网页的排版和风格设计，在web标准建站中
对css的熟悉和使用是相当重要的一个内容。css的作用是弥补html的不足，让网页设计更为灵活。
10.1..有3种方法可将css指定的格式加入到html中：
1.在html文件里加一个超级链接，连接到外部的css文档 （外部连结 CSS）
这个方法的最方便管理整个网站的网页风格，他让网页的文字内容与版面设计分开。只要在一个css文档内定义好网页的风格，
然后在网页中加一个超级链接到该文档，那么网页就会按在css文档中定义好的风格显示出来了。
<html>
<head>
<title>title</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<!--这是用的html代码实现-->
1.1 当有多个页面中的标签样式相同时，可以将样式表单独封装成一个css文件，通过在每个页面中定义
<style>
@import url("style.css");
</style>
<!--这是用的css代码实现-->
2.在html文件内的<head>...</head>标签之间，加一段css的描述内容。（内定义css）
这个方法适用与某个网页，除了表现外部的css文档定义好的网页风格外，同时还要表现本身html文档指定的css。
如果内在添加的css描述与外部连接的css文档描述冲突的话，网页的表现将以内在添加的css描述为主，也就是外部的描述就
不再起作用了。
<html>
<head>
<title>title</title>
<style type="text/css">
body{font: 12pt}
h1{font: 16pt}
p{font-weight:bold;
color:green}
</style>
</head>
需要注意，为防止不支持css的浏览器误将标签内的css风格描述当成普通字串，而变现与网页上，最好将css的描述文字插入在
<!--和-->之间。
3.在html文件的文本内容中，随时有需要，随时加一段css的描述指定风格（文本间css）
这个方法适用与指定网页内的某一小段文字的呈现风格。
外部css与内定义css如果和此定义有相同的项，那么以此定义的css风格表现，外部css文档与内定义css和此定义的没相同的部分，
还会正常显示，同时还会显示文本内容间的css风格。
<html>
<head>
<title>title</title>
</head>
<body>
<p style="color:red">内容
</P>
</body>
</html>
上述3种css，可以同时使用，也可以选择使用，单一或成双的使用。如果各css间的叙述相冲突，则内在定义的css会覆盖外部连接
的css，文本间的css会覆盖内在定义的css。
11.0........ JavaScript 语言
javaScript 是基于对象合事件的脚本语言。
特点：
1，安全性（不允许直接访问本地硬盘），他可以做的就是信息的动态交互。
2，跨平台性，（只要是可以解释 js 的浏览器都可以执行，和平台无关。）
javaScript 与 java 不同
1，js 是netScape 公司的产品，java是 sun 公司的产品。
2，js 是基于对象，java 是面向对象。
3，js 只需解释就可以执行，java需要先编译成字节码文件，再执行。
4，js 是弱类型，java 是强类型
javaScript 与 html 的结合方式
想要在其他代码融入到html中，都是以标签的形式。
1，js 代码存放在标签对 <script>... </script> 中。
2，使用 script 标签的src 属性引入一个js 文件。（方便后期维护，扩展）
例子： <script src= "test.js" type="javascript"> </script>
注；规范中script 标签中必须加入type 属性。
11.1...javaScript 语法
js 语法与 java 很像，学起来比较容易，js 中也一样有 变量，语句，函数，数组等常见语言组成元素。
1，变量
通过关键词 var 来定义，弱类型就是不用指定具体的数据类型。
例子： var x= 3; x= "hello";
注意： js 中特殊的常量值：undefined，当常量没有初始化就被使用，该变量的值就是 undefined(未定义)。
2，语句（与java 语句格式相同）
判断结构（if语句）
注意：var x = 3;
if(x==4) <!--可以进行比较运算-->
if(x=4) <!--可以进行赋值运算，而且可以同样进行判断。不报错。
因为在js 中 0 就是false ，非 0 就是true （通常用1表示）
所以 if(x=4)结果是true -->
选择结构（switch语句）
循环结构（while语句，do..while语句，for语句）
注意:不同的是没有了具体数据类型的限制，使用时要注意。
3，函数
一般函数
格式：
function 函数名（形式参数..）
{
执行语句；
return 返回值；
}
函数是多条执行语句的风整体，只有被调用才会被运行。
注意：
调用有参数的函数，但没有给其传值，函数一样可以运行，或者调用没有参数的函数，给其传值，该函数一样
运行。简单的说：只要写了函数名后面跟了一对小括号，该函数就会运行。
其实，在函数中有一个参数数组对象（arguments），该对象将传递的参数都封装在一个数组中。
例子：
function demo(){ <!--定义函数-->
alert(arguments.length);
}
demo("hello",123,true); <!--调用函数-->
那么弹出的对话框结果是 3 ，如果要得到所有参数值，可以用for 循环遍历该数组。
为了增强阅读性，最好按照规范，将定义好的形式参数传递给实际参数。
函数调用的其他写法：
var show = demo(); <!--show 接收demo 函数的返回值-->
var show = demo; <!--这种写法是可以的，意为show 和demo 代表同一个函数。
那么该函数也可以通过show() 的方式运行-->
动态函数：
通过js 的内置对象 Function 实现。
例子：
var demo = new function("x,y"; alert(x+y);");
demo(4,6);
如同：
function demo(x,y){
alert(x+y);
}
demo(4,6);
不同的是，动态函数，参数以及函数体都可以通过参数进行传递，可以动态指定。
匿名函数：
格式：
function(){...}
例子：
var demo = function(){....}
demo();
通常在定义事件属性大的行为时就为常用。
例子：
function test(){
alert("load ok");
}
window.onload = test;
可以写出匿名函数的形式：
window.onload = function(){
alert("load ok");
}
匿名函数就是一种简写格式。
4, 数组
方便操作多元素的容器，可以对其中的元素进行编号。
特点；
可以存任何元素，长度是可变的。
格式：
var arr = new Array();
arr[0] = "hello";
arr[1] = 123;
var arr = ['hello',123,true,"true"];
通过遍历对数组进行基本操作。
for(var x=0; x<arr.length; x++){
alert(arr[x]);
}
1..Html内容
1. html 就是超文本标记语言的简写，是最基础的网页语言。
2. html是通过标签来定义的语言代码都是有标签所组成。
3. html代码不用区分大小写。
4. html 代码由<html> 开始和 </html> 结束。里面由头部分<head></head> 和体部分<body> </body> 两部分组成。
5. 头部分是给 html 页面增加一些辅助或者属性信息，它里面的内容会最先加载。
6.体部分是真正存放数据的地方。
•多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰的内容可以再标签内结束。
•
•想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，增加了更多的效果选择。
属性与属性值值之间用 “=” 连接，属性值可以用双引号或者单引号或者不用引号，一般都会用双引号。或公司规定书写规范。
1.1..格式：
<标签名 属性名=‘属性值’> 数据内容 </标签名>
<标签名 属性名=‘属性值’/>
1.2..操作思想；
为了操作数据，都需要对数据进行不同标签的封装，通过标签中的属性对封装的数据进行操作。
标签就相当于一个容器。对容器中的数据进行操作，
就是在不断的改变容器的属性值。
1.3..字体
<font size=5 color=red>标签：
注： 简单颜色可用直接写对应的英文，复杂颜色用 16 进制表示，表现形式 #FF0000 两个数为一组，
按 红，绿，蓝 排列，如：#00FF00 表示绿色。建议用工具选取。
1.4..特殊字符:
如果要在网页上显示一些特殊符号，比如 < > & 等，因为这些符号在代码中会被浏览器识别并解析，
所以用一些特殊的方式来表示
<； < >； > &； &
"； " ® ? 注册符号 ©； ? 版权符号
&trade； ? TM符号  ； 空格
2..列表标签
<dl>定义列表
<dt>上层项目
<dd>下层项目
</dl>
<ol>数字标签（a A 1 i I）
<li>
<li>具体的项目内容，此签只在ol 内有效
</ol>
<ul>符号标签（空心圆，实心圆，方块）
<li>
</ul>
3..图像
<img>
<img src="图片地址.jpg" alt="图片说明文字"/>
4..表格
<table>
<caption>给表格提供标题
<th>对表格的第一行或者第一列格式化，就是粗体显示，不常用。
<tr>行标签
<td>单元格标签，加载在行标签的里面，简单理解为，先有行，再在行中加入单元格。
<table border=1 width=40%>
<tr>第一行
<th>第一格</th>
<th>第二格</th>
</tr>
<tr>第二行
<th>第一格</th>
<th>第二格</th>
</tr>
</table>
5..超链接
<a>
<a href="可以是URL，也可是本地文件" target="在那里打开">网址</a>
定位标记
<a name="标记">标记位置</a>
<a href="#标记">返回标记位置</a>用与上下翻页
6..表单
<fieldset>定义域结构
<legend 定义框架集的标题>
</legend>
</fieldset>
<form 是最常用的标签，用于与服务器交互>
<input type="指定输入标签的类型" />输入标签，接收用户输入信息
text : 文本框
password ：密码框
radio ：单选框
checkbox ： 复选框
hidden ：隐藏字段
submit ：提交按钮
reset ： 重置按钮
button ：按钮
file ： 文件上传（会自动生成文本框，和浏览按钮）
image ：图像（可用于替代 submit 按钮）
</form action=要提交的服务器地址 method=提交方式，默认GET，POST比较安全>
6.1..<select 选择标签 size=显示项目个数>提供用户选择的内容
<option 子项标签 />定义下拉列表中的选项
</select>
6.2..<textarea rows=行 cols=列>多行文本框
</textarea>
6.3..<label 用于给各元素定义快捷键 for=要作用的表单元素 accesskey=快捷键值>
</label>
6.4..<pre>
可以将文本内容按原样显示在页面上。
</pre>
6.5..<marquee behavior=飞的方式，scroll alternate slide direction=飞的方向，left right down up>
让内容动起来
</marquee>
6.6..<p>段落标签</P>
<b>粗体</b>
<i>斜体</i>
<u>下划线</u>
<sub>下标</sub>
<sup>上标</sup>
7...<base>
href 属性，指定网页中所有的超链接的目录。可以是本地目录，也可以是网络目录。结尾一定要用/表示目录。
只作用与相对路径的超链接文件。
target 属性，指定打开超链接的方式。如_blank 表示用新窗口打开。
</base>
8...<meta />
name 属性，网页的描述信息，当取 keywords 时， content 属性的内容就作为搜索引擎的关键字进行搜索。
http-equiv 属性，模拟http 协议的响应消息头。
<meta http-equiv="refresh" content="3" /> 3 秒后自动刷新
9..<link />
rel 属性：描述目标文档与当前文档的关系。
type 属性，文档类型
meida 属性，指定目标文档在那种设备上起作用。
<link rel="stylesheet" type="text/css" media="screen,print" href="a.css" />
10.0........CSS 层叠样式表
"cascading style sheets" 的简称，中文翻译为“串接样式表”，或-样式表。css用以作为网页的排版和风格设计，在web标准建站中
对css的熟悉和使用是相当重要的一个内容。css的作用是弥补html的不足，让网页设计更为灵活。
10.1..有3种方法可将css指定的格式加入到html中：
1.在html文件里加一个超级链接，连接到外部的css文档 （外部连结 CSS）
这个方法的最方便管理整个网站的网页风格，他让网页的文字内容与版面设计分开。只要在一个css文档内定义好网页的风格，
然后在网页中加一个超级链接到该文档，那么网页就会按在css文档中定义好的风格显示出来了。
<html>
<head>
<title>title</title>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<!--这是用的html代码实现-->
1.1 当有多个页面中的标签样式相同时，可以将样式表单独封装成一个css文件，通过在每个页面中定义
<style>
@import url("style.css");
</style>
<!--这是用的css代码实现-->
2.在html文件内的<head>...</head>标签之间，加一段css的描述内容。（内定义css）
这个方法适用与某个网页，除了表现外部的css文档定义好的网页风格外，同时还要表现本身html文档指定的css。
如果内在添加的css描述与外部连接的css文档描述冲突的话，网页的表现将以内在添加的css描述为主，也就是外部的描述就
不再起作用了。
<html>
<head>
<title>title</title>
<style type="text/css">
body{font: 12pt}
h1{font: 16pt}
p{font-weight:bold;
color:green}
</style>
</head>
需要注意，为防止不支持css的浏览器误将标签内的css风格描述当成普通字串，而变现与网页上，最好将css的描述文字插入在
<!--和-->之间。
3.在html文件的文本内容中，随时有需要，随时加一段css的描述指定风格（文本间css）
这个方法适用与指定网页内的某一小段文字的呈现风格。
外部css与内定义css如果和此定义有相同的项，那么以此定义的css风格表现，外部css文档与内定义css和此定义的没相同的部分，
还会正常显示，同时还会显示文本内容间的css风格。
<html>
<head>
<title>title</title>
</head>
<body>
<p style="color:red">内容
</P>
</body>
</html>
上述3种css，可以同时使用，也可以选择使用，单一或成双的使用。如果各css间的叙述相冲突，则内在定义的css会覆盖外部连接
的css，文本间的css会覆盖内在定义的css。
11.0........ JavaScript 语言
javaScript 是基于对象合事件的脚本语言。
特点：
1，安全性（不允许直接访问本地硬盘），他可以做的就是信息的动态交互。
2，跨平台性，（只要是可以解释 js 的浏览器都可以执行，和平台无关。）
javaScript 与 java 不同
1，js 是netScape 公司的产品，java是 sun 公司的产品。
2，js 是基于对象，java 是面向对象。
3，js 只需解释就可以执行，java需要先编译成字节码文件，再执行。
4，js 是弱类型，java 是强类型
javaScript 与 html 的结合方式
想要在其他代码融入到html中，都是以标签的形式。
1，js 代码存放在标签对 <script>... </script> 中。
2，使用 script 标签的src 属性引入一个js 文件。（方便后期维护，扩展）
例子： <script src= "test.js" type="javascript"> </script>
注；规范中script 标签中必须加入type 属性。
11.1...javaScript 语法
js 语法与 java 很像，学起来比较容易，js 中也一样有 变量，语句，函数，数组等常见语言组成元素。
1，变量
通过关键词 var 来定义，弱类型就是不用指定具体的数据类型。
例子： var x= 3; x= "hello";
注意： js 中特殊的常量值：undefined，当常量没有初始化就被使用，该变量的值就是 undefined(未定义)。
2，语句（与java 语句格式相同）
判断结构（if语句）
注意：var x = 3;
if(x==4) <!--可以进行比较运算-->
if(x=4) <!--可以进行赋值运算，而且可以同样进行判断。不报错。
因为在js 中 0 就是false ，非 0 就是true （通常用1表示）
所以 if(x=4)结果是true -->
选择结构（switch语句）
循环结构（while语句，do..while语句，for语句）
注意:不同的是没有了具体数据类型的限制，使用时要注意。
3，函数
一般函数
格式：
function 函数名（形式参数..）
{
执行语句；
return 返回值；
}
函数是多条执行语句的风整体，只有被调用才会被运行。
注意：
调用有参数的函数，但没有给其传值，函数一样可以运行，或者调用没有参数的函数，给其传值，该函数一样
运行。简单的说：只要写了函数名后面跟了一对小括号，该函数就会运行。
其实，在函数中有一个参数数组对象（arguments），该对象将传递的参数都封装在一个数组中。
例子：
function demo(){ <!--定义函数-->
alert(arguments.length);
}
demo("hello",123,true); <!--调用函数-->
那么弹出的对话框结果是 3 ，如果要得到所有参数值，可以用for 循环遍历该数组。
为了增强阅读性，最好按照规范，将定义好的形式参数传递给实际参数。
函数调用的其他写法：
var show = demo(); <!--show 接收demo 函数的返回值-->
var show = demo; <!--这种写法是可以的，意为show 和demo 代表同一个函数。
那么该函数也可以通过show() 的方式运行-->
动态函数：
通过js 的内置对象 Function 实现。
例子：
var demo = new function("x,y"; alert(x+y);");
demo(4,6);
如同：
function demo(x,y){
alert(x+y);
}
demo(4,6);
不同的是，动态函数，参数以及函数体都可以通过参数进行传递，可以动态指定。
匿名函数：
格式：
function(){...}
例子：
var demo = function(){....}
demo();
通常在定义事件属性大的行为时就为常用。
例子：
function test(){
alert("load ok");
}
window.onload = test;
可以写出匿名函数的形式：
window.onload = function(){
alert("load ok");
}
匿名函数就是一种简写格式。
4, 数组
方便操作多元素的容器，可以对其中的元素进行编号。
特点；
可以存任何元素，长度是可变的。
格式：
var arr = new Array();
arr[0] = "hello";
arr[1] = 123;
var arr = ['hello',123,true,"true"];
通过遍历对数组进行基本操作。
for(var x=0; x<arr.length; x++){
alert(arr[x]);
}
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
