htlm 基础教程

1、htlm 基础教程html语言教程文字代码一、一般的文字代码：插入文字二、文字向左移动代码：海阔天空三、文字向上滚动代码：欢迎您来到海阔天空四、文字向下滚动代码：希望大家认真看教程五、有背景的文字：*TABLE cellSpacing=0 cellPadding=0 align=center background=我爱海阔天空六、有阴影的文字：1.文字2.文字3.海阔天空4. 海阔天空 学习制作 休闲娱乐 七、空心字的代码：海阔天空八、突出边框的代码：1.海阔天空2.海阔天空 文字教程九、五颜六色的字：海阔天空真好十、环绕字：function lib2bwcheck()this.ver=nav

2、igator.appVersion;this.agent=navigator.userAgent;this.dom=document.getElementById?1:0;this.opera5=this.agent.indexOf(Opera 5)-1;this.ie5=(this.ver.indexOf(MSIE 5)-1 & this.dom & !this.opera5)?1:0; this.ie6=(this.ver.indexOf(MSIE 6)-1 & this.dom & !this.opera5)?1:0;this.ie4=(document.all & !this.dom

3、& !this.opera5)?1:0;this.ie=this.ie4|this.ie5|this.ie6;this.mac=this.agent.indexOf(Mac)-1;this.ns6=(this.dom & parseInt(this.ver) = 5) ?1:0; this.ns4=(document.layers & !this.dom)?1:0;this.bw=(this.ie6 | this.ie5 | this.ie4 | this.ns4 | this.ns6 | this.opera5);return this;var bw=new lib2bwcheck();va

4、r px = bw.ns4|window.opera?:px;function run() var cx, cy, a;var css, obj, nest, ooo;if (document.all) & (!bw.opera5) movy = document.body.clientHeight-64;movx = document.body.clientWidth-50; else movx = window.innerWidth-50; movy = window.innerHeight-64;for (var i=0; isdto | oy*sdfrom) yspeed=-yspee

5、d; oy+=yspeed;ox+=xspeed;setTimeout(run(),tpause);var sxfrom=50;var sxto=40;var syfrom=50;var syto=20;var sdfrom=50;var sdto=100;var yspeed=1;var xspeed=4;var pcol=Number(255).toString(16);var tpause=20;var schar=欢迎光临海阔天空望大家学习愉快;var maxitems = schar.length;var t=0;t = pcol.length;for (var i=0; i6-t;

6、 i+) pcol = 0+pcol;if (document.all) movy = document.body.clientHeight-64;movx = document.body.clientWidth-50; else movx = window.innerWidth-50;movy = window.innerHeight-64;var ox, oy;ox=Math.PI; oy=sdfrom;xspeed = xspeed*Math.PI/180;pa = new Array();for (var i=0; i*maxitems; i+) document.writeln();

7、document.writeln(+schar.substr(i,1)+);document.writeln();setTimeout(run(),tpause);十一、上下左右移动：欢 迎学 习指 导十二、向两边扩展的代码：海阔天空期待你的浪漫之旅！旅之漫浪的你待期空天阔海十三、向上循环的代码：*marquee direction=up height=200 scrollamount=1 scrolldelay=90 海阔天空期待你的浪漫之旅！十四、向左移动(乎隐乎现)的代码：海*IMG src= 天 空十五、图上做字效果： 海阔天空 十六、文字代码说明：1.align=center：表示字

8、体居中，可选值为居右(right)、居左(left)。2.color=颜色代码。字体属性是：face 颜色的属性是color。3.face=字体。常用字体为：文鼎花瓣体、宋体、黑体、楷体、仿宋、幻缘、新宋体、细明体、隶书、幼圆、华文琥珀、华文行楷、华文彩云(用做题目)、华文细黑、华文新魏、华文中宋、方正舒体、方正姚体、仿宋_GB2312.楷体_GB2312、宋体-方正超大字符集、汉鼎繁中变、华文楷体。4.size=字体大小，这里的最大值为7,取值越大文字就越大。5.文字标记是“”可以用“”标记的不同属性来分别设置文本中文字的大小，字体，字型，字色等。标记的格式是:被设置的字。6.是文字换行7.

9、是段控制。标记是放在文字后，使得其后文字空一行后换行显示。的属性align用来设置文字的对齐方式。属性值是center(居中对齐)，left(向左对齐)，right(向右对齐)。8.下划线：十七、移动文字代码说明：1.left：向右移动。right：向左移动。alternate：来回走。2.scrollamount：移动速度。scrolldelay：停停走走。direction=up：向上。direction=down：向下。十八、让你的文字动起来marquee用法详解：A.参数一：direction向上移动direction的英文意思就是方向。这个参数的取值有四个：left(左)、right

10、(右)、up(上)、down(下)。B.参数二：behavior哈哈，我来回走！scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。C.参数三：loop循环。若未指定则循环不止(infinite)，其值取数值。例：我只走三次哦D.参数四：scrollamount移动速度。值取正整数。数值越大，速度越快。例：看，我走多快！E.参数五：scrolldelay延时。数值。例：我走一走，停一停F.参数六：bgcolor底色。例：看到了吧？有底色！G.参数七：width和height就是移动的宽度与高度了。例：这个面积不够我移动！H.其他参数：空白(Margins)对

11、齐方式(Align) 十九、用CSS滤镜修饰文字：1.Alpha滤镜代码：我爱海阔天空从效果中我们可以看出，Alpha滤镜使对象呈渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明； style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。2.Motion Blur滤镜Motion Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是

12、否在运动模糊中使用原有目标，其值为0和1，0表示“否”，用于文字，1表示“是”，用于图像；Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离。以下是代码：我爱海阔天空3.Drop Shadow滤镜Drop Shadow滤镜主要产生重叠效果。其属性为：color属性：设置影子文本的颜色；offX和offY属性：影子文本下落的位移值；Positive属性：指定透明象素阴影，布尔型，0为是，1为否。代码：我爱海阔天空4.Shadow滤镜与Drop Shadow的影子特性不同，Shadow滤镜产生一种阴影效果，它的属性比较简单：color属性：阴影颜色；d

13、irection属性：阴影角度，值取0至360度。代码：我爱海阔天空5.Wave滤镜此滤镜对过滤对象生成正弦波变形，造成一种变幻效果。内嵌属性：add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；freq属性：决定显示的频率，即应出现多少个波形；phrase属性：决定波形的形状，值取0至360之间；strength属性：决定波形的振幅。代码：我爱海阔天空6.Glow滤镜 Glow滤镜生成一种光晕效果。属性：color属性：光晕颜色；strength：光晕的厚度。代码：我爱海阔天空7.Flip滤镜Flip滤滤镜主要是产生两种变换效果，即上下变换和左右变换。FlipV产生上下变换

14、，FlipH产生左右变换。代码：我爱海阔天空我爱海阔天空8.Chroma 滤镜语法：filter:chroma(color=color)使用”Chroma属性可以设置一个对象中指定的颜色为透明色，参数COLOR即要透明的颜色。9.Light 滤镜这个属性模拟光源的投射效果。一旦为对象定义了“LIGHT滤镜属性，那么就可以调用它的“方法(Method)来设置或者改变属性。“LIGHT可用的方法有：AddAmbient 加入包围的光源 AddCone 加入锥形光源 AddPoint 加入点光源 Changcolor 改变光的颜色 Changstrength 改变光源的强度 Clear 清除所有的光源 MoveLight 移动光源 可以定义光源的虚拟位置，以及通过调整X轴和Y轴的数值来控制光源焦点的位置，还可以调整光源的形式（点光源或者锥形光源）指定光源是否模糊边界、光源的颜色、亮度等属性。如果动态的设置光源，可能回产生一些意想不到的效果。10.Gray ,