全套DREAMWEAVER的常用的HTML标签和属性解释.
,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志
属性是用来修饰标志的,属性放在开始标志内.
例:属性bgcolor="BLACK"表示背景色为黑色.
ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度.
ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度.
ALIGN=RIGHT,右对齐.
COLOR=#RRGGBB,前景色,参考色彩对照表.
BGCOLOR=#RRGGBB,背景色.
表示绝对居中.
表格标识的开始和结束.属性:
cellpadding=数值单位是像素,定义表元内距
cellspacing=数值单位是像素,定义表元间距
border=数值单位是像素,定义表格边框宽度
width=数值单位是像素或窗口百分比,定义表格宽度
background=图片链接地址,定义表格背景图
属性:
Colspan="",单元格跨越多列;
Rowspan="",单元格跨越多行;
Width="";定义表格宽度
Height="";定义表格高度
Align="";对齐方式
Valign="";
Border="",边框宽度;
Bgcolor="",背景色;
Bordercolor="",边框颜色;
Bordercolorlight="",边框明亮面的颜色;
Bordercolordark="",边框暗淡面的颜色;
Cellpadding="",内容与边框的距离(默认为2);
Cellspac ing="",单元格间的距离(默认为2);
属性:
face=字体
color=颜色
属性:
style=font-size:40pt;,用样式表方式控制字体大小,这里是40点
,分区标识的开始和结束属性:
align=|center|left|right|水平对齐方式
scrollamount=1~60,滚动速度
direction=|left|right|up|down|,滚动方向
scrolldelay=滚动延时,单位:毫秒
段落标识,
空格符,
属性:
src=../../图片链接地址,贴图标识必备属性
style=filter:Alpha(opaci t y=100,style=2);
filter:样式表滤镜;
Alpha:透明滤镜,
opacity:不透明度100(0~100);
style:样式2(0~3),
rules="none"不显示内框"
多媒体文件标识
属性:
SRC="../../FILENAME",
设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,
是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止. STAR TIME="分:秒",
设定乐曲的开始播放时间,如20秒后播放写为STAR TIME=00:20
VOLUME=0-100,
设定音量的大小.如果没设定的话,就用系统的音量.
WIDTH,HEIGHT,
设定控制面板的大小,都设为0可隐藏播放器
HIDDEN=TRUE,
隐藏控制面板
CONTROLS=CONSOLE/SMALLCONSOLE,
设定控制面板的样子,
,背景音乐标识,只能用于.wav和.mp3格式.
属性:
LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.
表单标签:
表格标识的开始和结束,表单的内容都放在这里.下边的标签放在表单内:
下拉选择框
属性:
Multiple,多选
,大量文字输入的编辑块
属性:
Cols="",行;
Rows="",列;
,文本框
,密码框
,提交按扭
,复选框
,单选框
,重置按扭
,图片按扭
,隐藏域
,按扭
,浏览文件
公共属性:
Name="";
Value=""
Size=""
框架标签:
... ,定义框架.
Cols=""
Rows=""
Frameborder=""
Framespacing=""
src=""
Scrolling="",滚动条(No,Yes);
Noresize,框加大小不可变;
Marginhight="",高度空余空间;
Marginwidth="",宽度空余空间;
Target="",目标框架.
其他标签:
,背景音乐;
Src=""
Loop="",循环次数;
,媒体播放块;
Src=""
Loop="",循环次数;
属性:
Bgcolor=""
Behavior,设置或获取文本如何在字幕中滚动.
Direction="",滚动方向;
Height=""
Width=""
Loop="",环次数;
scrollAmount="",设置或获取介于每个字幕绘制序列之间的文本滚动像素数.
scrollDelay="",设置或获取字幕滚动的速度.
scrollHeight="",获取对象的滚动高度;
scrollLeft="",设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离.
scrollTop="",设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离.
trueSpeed="",设置或获取字幕的位置是否使用scrollDelay和scrollAmount属性计算,已过的实际时间来自于时钟计时.
,注释标记,在""之间的内容将不在浏览器中显示.
--
基本标签:
,创建一个HTML文档;
,设置文档标题和其它在网页中不显示的信息;
</ti t le>,设置文档的标题;</p><p><h1></h1>,最大的标题;</p><p><pre></pre>,预先格式化文本;</p><p><u></u>,下划线</p><p><b></b>,黑体字;</p><p><i></i>,斜体字;</p><p><tt></tt>,打字机风格的字体;</p><p><cite></cite>,引用,通常是斜体;</p><p><em></em>,强调文本(通常是斜体加黑体);</p><p><strong></strong>,加重文本(通常是斜体加黑体);</p><p><font,size="",color=""></font>,设置字体大小从1到7,颜色使用名字或RGB的十六进制值;</p><p><BASEFONT></BASEFONT>,基准字体标记;</p><p><big></big>,字体加大;</p><p><SMALL></SMALL>,字体缩小;</p><p><STRIKE></STRIKE>,加删除线;</p><p><CODE></CODE>,程式码;</p><p><KBD></KBD>,键盘字;</p><p><SAMP></SAMP>,范例;</p><p><VAR></VAR>,变量;</p><p><BLOCKQUOTE></BLOCKQUOTE>,向右缩排;</p><p><DFN></DFN>,述语定义;</p><!--/p6--><!--p7--><p><ADDRESS></ADDRESS>,地址标记;</p><p><sup></SUP>,上标字;</p><p><SUB></SUB>,下标字;</p><p><xmp>...</xmp>固定宽度字体(在文件中空白、换行、定位功能有效)</p><p><plaintext>...</plaintext>固定宽度字体(不执行标记符号);</p><p><listing>...</listing>,固定宽度小字体;</p><p><font,color=00ff00>...</font>字体颜色;</p><p><font,size=1>...</font>最小字体;</p><p><font,style,='font-size:100,px'>...</font>无限增大.</p><p>格式标签:</p><p><p></p>,创建一个段落;</p><p><p,align="">,将段落按左、中、右对齐;</p><p><br>,换行,插入一个回车换行符;</p><p><blockquote></blockquote>,从两边缩进文本;</p><p><dl></dl>,列表标签,定义列表;</p><p><dt>,定义列表标题;</p><p><dd>,定义列表内容;</p><p>例:</p><p><dl></p><p><dt>标题1</dt></p><p><dd>内容11</dd></p><p><dd>内容12</dd></p><p><dt>标题2</dt></p><p><dd>内容21</dd></p><p><dd>内容22</dd></p><p></dl></p><p><ol></ol>,列表标签,定义一个标有数字的列表;</p><p><ul></ul>,列表标签,定义一个标有圆点的列表;</p><p><li>,放在每个列表项之前;</p><p>放在<ol></ol>之间则每个列表项加上一个数字,放在<ul></ul>之间则每个列表项加上一个圆点;</p><p><div,align=""></div>,分区标签,用来排版大块HTML段落,也用于格式化表;</p><p><MENU>,选项清单;</p><p><DIR>,目录清单;</p><p><nobr></nobr>,强行不换行;</p><p><hr,size='9',width='80%',color='ff0000'>水平线(设定宽度);</p><!--/p7--><!--p8--><p><center></center>,水平居中.</p><p>链接标签:</p><p><a,href="URL"></a>,创建超文本链接;</p><p><a,href="mailtEMAIL"></p><p></a>,创建自动发送电子邮件的链接;</p><p><a,name="name"></a>,创建位于文档内部的书签;</p><p><a,href="#name"></a>,创建指向位于文档内部书签的链接;</p><p><BASE>,文档中不能被该站点辨识的其它所有链接源的URL;</p><p><LINK>,定义一个链接和源之间的相互关系;</p><p>链接标签注解:</p><p>target="...",决定链接源在什么地方显示(用户自定义的名字,_blank,_parent,_self,_top);</p><p>rel="...",发送链接的类型;</p><p>rev="...",保存链接的类型;</p><p>accesskey="...",指定该元素的热键;</p><p>shape="...",允许我们使用已定义的形状定义客户端的图形镜像(defaul t,rect,circle,poly);</p><p>coord="...",使用像素或者长度百分比来定义形状的尺寸;</p><p>tabindex="...",使用定义过的tabindex元素设置在各个元素之间的焦点获取顺序(使用tab键使元素获得焦点).</p><p>表格标签:</p><p><table></table>,创建一个表格;</p><p><tr></tr>,表格中的每一行;</p><p><td></td>,表格中一行中的每一个格子;</p><p><th></th>,设置表格头:通常是黑体居中文字;</p><p><table,cellspacing="">,设置表格格子之间空间的大小;</p><p><table,border="">,设置边框的宽度;</p><p><table,cellpadding="">,设置表格格子边框与其内部内容之间空间的大小;</p><p><table,width="">,设置表格的宽度.用绝对像素值或总宽度的百分比;</p><p><table,align="">,设置表格格子的水平对齐方式(left,center,right,justify);</p><p><tr,align="">,设置表格格子的水平对齐方式(left,center,right,justify);</p><p><tr,valign="">,设置表格格子的垂直对齐方式(baseline,bottom,middle,top);</p><p><td,colspan="">,设置一个表格格子跨占的列数(缺省值为1);</p><p><td,rowspan="">,设置一个表格格子跨占的行数(缺省值为1);</p><p><td,nowrap>,禁止表格格子内的内容自动断行;</p><p><CAPTION></CAPTION>,表格的标题;</p><p><COLGROUP></COLGROUP>,定义多个列为一组列;</p><p><TABLE></TABLE>,创建一个表格;</p><p><THEAD></THEAD>,定义表格的页眉;</p><p><COL>,定义一个列组中的列，以便对它们能够同时设置有关属性;</p><!--/p8--><!--p9--><p><TBODY></TBODY>,定义一个表格的实体;</p><p><TFOOT></TFOOT>,定义一个表格的页脚;</p><p>表单标签:</p><p><form></form>,创建表单;</p><p>action="...",接收数据的服务器的URL;</p><p>method="...",HTTP的方法(get,,post),其中get是被反对使用的;</p><p>enctype="...",指定MIME(Internet媒体类型);</p><p>onsubmit="...",当提交表单时发生的内部事件;</p><p>noreset="...",在重新设置表单时发生的内部事件;</p><p>target="...",决定把内容显示在什么地方(_blank,_parent,_self,_top)</p><p><select,multiple,name="name",size=""></select>,创建滚动菜单,size设置在需要滚动前可以看到的表单项数目;</p><p><option>,设置每个表单项的内容;</p><p><select,name="name"></select>,创建下拉菜单;</p><p><textarea,name="name",cols=40,rows=8></textarea>,创建一个文本框区域,列的数目设置宽度,行的数目设置高度;</p><p><input,type="checkbox",name="name">,创建一个复选框,文字在标签后面;</p><p><input,type="radio",name="name",value="">,创建一个单选框,文字在标志后面;</p><p><input,type=text,name="foo",size=20>,创建一个单行文本输入区域,size设置以字符串的宽度;</p><p><input,type="submit",value="name">,创建提交(submit)按钮;</p><p><input,type="image",border=0,name="name",src="name.gif">,创建一个使用图象的提交(submit)按钮; <input,type="reset">,创建重置(reset)按钮;</p><p><BUTTON></BUTTON>,创建一个按钮;</p><p>disabled="...",把按钮的状态设置为不能;</p><p>name="...",按钮的控制名,value="...",按钮的值;</p><p>type="...",按钮的类型(button,,submit,,reset);</p><p><FIELDSET></FIELDSET>,把相互关联的控件组合成一组;</p><p><ISINDEX>,提示用户输入;</p><p><LABEL></LABEL>,为一个控件提供标签;</p><p><LEGEND></LEGEND>,为FIELDSET元素指定一标题;</p><p><SELECT></SELECT>,为用户做选择创建各个选项;</p><p><TEXTAREA></TEXTAREA>,创建一个允许用户多行输入的区域.</p><p>表单标签注解:</p><p>type="...",用于输入控件的类型(text,password,checkbox,radio,submit,reset,file,hidden,image,button); name="...",控件的控制名(要求是除了submit和reset之外的任何名字);</p><p>value="...",控件的初始值;</p><p>checked="...",把一个单选钮设置为选中的状态;</p><p>disabled="...",把控件的状态设置为不能使用;</p><p>readonly="...",只对输入密码的文本框使用;</p><!--/p9--><!--p10--><p>size="...",表示以像素为单位的除了文本框和密码框控件之外的其它控件的宽度,它是用来指定字符的数目; src="...",一个图像控件的URL;</p><p>maxlength="...",指定可以输入的最多的字符数目;</p><p>alt="...",另外一种文本描述;</p><p>usemap="...",到客户端图形镜像的URL;</p><p>align="...",被反对.控制对齐方式(left,,center,,right,,justify);</p><p>tabindex="...",通过定义的tabindex值确定在不同元素之间获得焦点的顺序;</p><p>onfocus="...",当元素获得焦点时发生的事件;</p><p>onblur="...",当元素失去焦点时发生的事件;</p><p>onselect="...",当元素被选中时发生的事件;</p><p>onchang="...",当元素状态被改变时发生的事件;</p><p>accept="...",允许上载的文件类型.</p><p>帧标签(框架标签):</p><p><frameset></frameset>,放在一个帧文档的<body>标签之前,也可以嵌在其他帧文档中;</p><p><frameset,rows="value,value">,定义一个帧内的行数,可用像素值或高度百分比;</p><p><frameset,cols="value,value">,定义一个帧内的列数,可用像素值或宽度百分比;</p><p><frame>,定义一个帧内的单一窗或窗区域;</p><p><noframes></noframes>,定义在不支持帧的浏览器中显示什么提示;</p><p><frame,src="URL">,规定帧内显示的HTML文档;</p><p><frame,name="name">,命名帧或区域以便别的帧可以指向它;</p><p><frame,marginwidth="">,定义帧左右边缘的空白大小,必须大于等于1;</p><p><frame,marginheight="">,定义帧上下边缘的空白大小,必须大于等于1;</p><p><frame,scrolling="">,设置帧是否有滚动栏,其值可以是"yes","no",或"auto";</p><p><frame,noresize>,禁止用户调整一个帧的大小;</p><p><IFRAME></IFRAME>,创建一个内联的帧;</p><p>scr="...",定义在帧中显示的内容的来源;</p><p>frameborder="...",定义帧之间的边界(0或1);</p><p>align="...",被反对,控制对齐方式(left,,center,,right,,justify);</p><p>height="...",帧的高度,width="..."帧的宽度;</p><p><marquee>...</marquee>,普通卷动;</p><p><marquee,behavior=slide>...</marquee>,滑动;</p><p><marquee,behavior=scroll>...</marquee>,预设卷动;</p><p><marquee,behavior=alternate>...</marquee>,来回卷动;</p><p><marquee,direction=down>...</marquee>,向下卷动;</p><p><marquee,direction=up>...</marquee>,向上卷动;</p><p><marquee,direction=right></marquee>,向右卷动;</p><p><marquee,direction='left'></marquee>,向左卷动;</p><p><marquee,loop=2>...</marquee>,卷动次数;</p><p><marquee,width=180>...</marquee>,设定宽度;</p><p><marquee,height=30>...</marquee>,设定高度;</p><!--/p10--><!--p11--><p><marquee,bgcolor=FF0000>...</marquee>,设定背景颜色;</p><p><marquee,scrollamount=30>...</marquee>,设定卷动距离;</p><p><marquee,scrolldelay=300>...</marquee>,设定卷动时间;</p><p><img,src="">,插入图片,参数有:width="宽",alt="说明文字",height="高",boder="边框".</p><p>文档整体属性标签:</p><p><body,bgcolor="">,设置背景颜色.使用名字或RGB的十六进制值;</p><p><body,background="">,设置背景图片;</p><p><body,bgsound="">,设置背景音乐;</p><p><body,bgproperties="fixed">,固定背景图片(IE适用);</p><p><body,text="">,设置文本颜色.使用名字或RGB的十六进制值;</p><p><body,link="">,设置链接颜色.使用名,字或RGB的十六进制值;</p><p><body,vlink="">,设置已使用的链接的颜色.使用名字或RGB的十六进制值;</p><p><body,alink="">,设置正在被击中的链接的颜色.使用名字或RGB的十六进制值;</p><p><body,topmargin="">,设置页面的上边距;</p><p><body,leftmargin="">,设置页面的左边距.</p><!--/p11--><!--rset--><h2>vbscript基本语法</h2><p>什么是VBScript?VBScript的全称是Visual Basic Script，有时也简称为VBS。VBScript是微软开发的一种脚本语言，可以看作是Visual Basic的简化版，目前这种语言广泛应用于网页和ASP程序。与VB不同，VBScript不能生成独立的exe可执行文件，需要由其它软件解释才能运行。有许多软件支持VBScript，比如微软IE浏览器和Office等。VBScript的局限是只能运行于Windows操作系统和基于IE的浏览器，而JavaScript则受到所有网页浏览器的支持，因此JavaScript用的比较多 运算符号 运算符 求幂 ^ 负号 - 乘 * 除 / 整除 \ 求余 Mod 加 + 减 - 字符串连接 & 逻辑运算符 逻辑非 Not 逻辑与 And 逻辑或 Or 逻辑异或 Xor 逻辑等价 Eqv 逻辑隐含 Imp 比较运算符 等于 = 不等于 <> 小于 < 大于 > 小于等于 <= 大于等于 >= 变量 VBScript中变量可以不声明，直接使用。但有时不声明会出错，所以建议养成声明变量的好习惯。变量声明有两种方式——显式与隐式，显式使用Dim、Public、Private语句进行声明，隐式直接使用变量名。使用隐式声明方式的习惯不好，因为这样有时会由于变量名拼错而导致程序运行出现意外，因此，最好在每个脚本开始第一行使用Option Explicit语句强制显式声明所有变量。声明示例如下: Option Explicit Dim i, conn '声明多个变量时用逗号隔开 Public UserName, Password</p><h2>实验6 VBScript脚本语言编程练习</h2><p>实验六VBScript脚本语言编程练习 【实验目的】 通过本实验，学会使用VBScript脚本语言中的自定义函数、过程、分支语句和循环语句，编写嵌入VBScript代码的ASP程序和HTML程序。 【实验题目】 1、设PI=3.14，分别用两种方式实现，第一种，定义一个求圆面积的函数，调用它求任意 半径的圆面积；第二种，定义求圆面积的过程，调用半径为6的圆面积；（2个题目） 2、用for—next循环语句，实现1到100的平方和； 3、应用Rnd函数和Select Case语句，实现网页每刷新一次，背景色在四种颜色中随机改 变。代码提示：randomize ChangeColor=int((4*rnd())+1) ‘产生四个随机整数 4、练习使用循环语句的嵌套，编写程序在网页上显示要求的图形； 【实验内容及步骤】 提示：（1）在wwwroot文件夹下利用“记事本”应用程序新建一个空白文本文档，双击打此文档后输入相应代码。 （2）输入完毕后点击“文件”—选择“另存为”选项，在弹出的对话框中“文件名” 处输入“area.asp”，再单击“保存”按钮，在wwwroot文件夹下就出现了一个新的文件area.asp。 （3）按照上个实验介绍的方法浏览网页。 6、练习使用JavaScript脚本语言，编写网页特效程序。 1. 水中倒影.htm <html></p><p><center><IMG height=189 name=tu1 src="bigtree.jpg" //自己找一幅合适的图片 width=360 ></center><BR> <SCRIPT language=JavaScript> function f1(){ setInterval("tu2.filters.wave.phase+=10",100); } if (document.all){ document.write('<center><img name=tu2 src="'+ document.all.tu1.src+'"style="filter:wave(strength=3,freq=3,phase=0,lightstrength=20) blur() flipv()"></center>') //注意，这两行是一个语句，输入时不能按回车键换行window.onload=f1 } </SCRIPT> </body> </html> 2. 文字变色.htm（VBScript特效） <html> <head> <title>变色的文字 这里,是文本啦，但不支持超连接 你有多少文本他都变色 你把我这些文本换掉吧 只把那些代码按照格式照做就是 3. 地震特效.htm 地震特效 VBScript脚本语言讲义 . TypeName及VarType函数介绍，示例程序如下： 可用VarType 函数来返回某个数据的Variant 子类型，如下面的代码： Dim strInput,strVarType,strTypeName strInput="hello world" MsgBox strInput strVarType=VarType(strInput) MsgBox "VarType:"&strVarType strTypeName=TypeName(strInput) MsgBox "TypeName:"&strTypeName 问题：如下三段语句，结果分别是什么？ Dim VarTypeCheck VarTypeCheck = VarType(300) MsgBox VarTypeCheck VarTypeCheck = VarType(#10/19/62#) MsgBox VarTypeCheck VarTypeCheck = TypeName("VBScript") MsgBox VarTypeCheck
. Option Explicit 声明，如果变量没有定义就使用要报错： Option Explicit Dim MyDate MyDate = "October 19, 1962" If IsDate(MyDate) then MyShortDate = CDate(MyDate) End if MsgBox MyShortDate 变量的作用域与存活期： Dim strMain Call ChangeValue Sub ChangeValue() Dim strSub strMain="hello world!" MsgBox "strMain InSub:"&strMain strSub="hello liuxiaolin" MsgBox "strSub InSub:"&strSub End Sub MsgBox "strMain in Main:"&strMain MsgBox "strSub in Main:"&strSub 数组的定义： Dim 数组名（n）实际上数据会有n+1个元素，下标从0到n Dim MyArray(10),i For i=0 To 10 MyArray(i)=i MsgBox MyArray(i) Next MsgBox "min is "&LBound(MyArray) '返回数组的最小可用下标 MsgBox "max is "&UBound(MyArray) '返回数组的最大可用上标 利用Redim重新定义数据的大小，加上preserve关键字保存原来数组的内容： Dim MyFamily() ReDim MyFamily(1) MyFamily(0)="0" MyFamily(1)="1" ReDim MyFamily(2)
HTML语言与VBscript语言 HTML语言与VBscript语言 一HTML语言 大体结构如下：
内容 内容 例子L2-2.html 无标题文档 全套DREAMWEAVER的常用的HTML标签和属性解释.基本结构标签: ,表示该文件为HTML文件
,包含文件的标题,使用的脚本,样式定义等 ---,包含文件的标题,标题出现在浏览器标题栏中 ,的结束标志 ,放置浏览器中显示信息的所有标志和属性,其中内容在浏览器中显示. ,的结束标志 ,的结束标志 其它主要标签,以下所有标志用在中: ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址 ,分段标志
表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性: ALIGN=LEFT,左对齐(缺省值),WIDTH=象素值或百分比,对象宽度. ALIGN=CENTER,居中,HEIGHT=象素值或百分比,对象高度. ALIGN=RIGHT,右对齐. 色彩属性: COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 表示绝对居中. 表格标识的开始和结束.
