HTML语言asp设计

1、HTML语言:网站链接、文字移动、插入背景、图片移动及特效、MP3和FLASH代码博客秘籍 2006-12-01 08:45:40 阅读518 评论0 字号：大中小 订阅 HTML语言:网站链接、文字移动、插入背景、图片移动及特效、MP3和FLASH代码 前言:编码过程难免会有错误和疏漏,还请各位高手指正!第一节:网站链接专用代码基本代码:文字链接:图片链接:是插入地址链接的标签对，单击插入在标签对内的文字，图片，就可以链接进入指定的网页或链接地址IMG src=图片地址是插入显示链接的图片标签.href= 是标签的属性，用于实现地址的链接target=_blank为窗口弹出属性定义,不加此属

2、性则为背负式链接.实例:1.网站链接用代码： 1.背负式网站文字链接代码:阳光公园 效果：阳光公园 2.窗口弹出式网站文字链接代码:阳光公园 效果：阳光公园 3.背负式网站图片链接代码:A href= 效果:4.窗口弹出式网站图片链接代码: 效果： 5.文字加图片窗口弹了式链接代码:点击图片欣赏更多 效果:点击图片欣赏更多 2.论坛中进行网站链接专用代码: 1.图片链接:burl= 2.文字链接:b点击url= 3.字体颜色:bcolor=#8000ff再换个颜色试试/color/b 4.字号:size=4文字/size 第二节:文字移动专用代码1.基本语法解释: 1.基本语法默认向左移动:要

3、移动的文字效果: 2.文字移动属性代码:要移动的文字效果: 3.语法解释:style= 是标签的属性，用于设定滚动框的大小WIDTH: 600px 是设定滚动框的宽度, HEIGHT: 280px 是设定滚动框的高度，; 是二个参数之间的分隔符scrollAmount=1 是设定文本滚动的速度，单位是 pixel , 值越大，滚动的速度越快。scrolldelay=100 是设定移动的时间延迟, 单位是千分之一秒，值越大, 移动的速度越慢初学时可省略behavior= 属性是设定文本滚动的方式。参数 scroll 会向同一方向移动, slide 会有类似滑动的效果, alternate 会往复

4、移动。direction= 属性是设定文本滚动的方向。参数 up 是向上移动, down是向下移动, left是向左移动, right 是向右移动, 2.其它方式的文字移动举例说明: 1文字行走的方向:文字从右向左移！文字从左向右移！文字一圈一圈绕着走！文字只走一次就歇了！文字来回走！ 2文字行走的次数:文字只走 3 趟哟！ 3文字行走速度控制:文字行走得好快！ 4文字延时:文字走一步，停一停！ 5文字对齐方式: 文字移动上中下对齐对齐上沿: 文字对齐上沿文字对齐中间:文字对齐中间对齐下沿: 文字对齐中间6文字的底色设置:文字在色彩中移动！ 底色面积设置:文字底色的面积 第三节:多行文字移动代

5、码 1.多行文字移动代码: 李白诗一首床前明月光,疑是地上霜.举头望明月,低头思故乡. 效果: 2.语法解释:为粗体代码. 文字居中设置 .文字居左align=left文字居中 align=center文字居右 align=right本段落结束。 为强制换行.在 之间插入一个，相当于插入半个空行。color=#3af93a文字色号.size=5为字体大小.设定文本滚动区。WIDTH: 380px 是滚动区的宽度。HEIGHT: 120px 是滚动区的高度。scrollAmount=2 是设定文本滚动的速度，值越大，滚动的越快。direction=up 设定文本滚动的方向。up 是向上滚动。al

6、ign=center 是居中显示。是设定的文本滚动区结束。 第四节:文字的特殊移动 1.舞动的文字代码:舞动的文字代码效果: 2.文字下,上,下移动代码:下上下文字代码效果:3.上下上文字代码:上下上文字代码效果:第五节：插入背景及插入背景文字1.基本代码：TABLE style=WIDTH: 200px; HEIGHT:220px align=center cellSpacing=30 background=要插入的文字:点击进入阳光公园插入文字结束 效果: 要插入的文字: 点击进入阳光公园插入文字结束处说明：标签对，是定义表格，插入背景图的语句。TABLE style=WIDTH: 600

7、px; HEIGHT:520px align=center cellSpacing=30 background=此行代码是背景（表格）设定，（定义开始）要放在全文的最前面， （定义结束）要放在全文的最后面，才能使整个帖子成为一体。style= 是 标签的属性设定。WIDTH: 600px; HEIGHT:520px是设定的背景（表格）的宽度和高度。; 是两个参数之间的分隔符。在一个语句中，每两个参数之间，要用英文的一个空格作为分隔符。align=center 是设定属性参数，背景（表格）居中排列。cellSpacing=30 属性参数是设定内框线宽度，单位是 px(pixel)。backgro

8、und= 属性参数是设定插入背景图片的地址。 是一张背景图片的网上地址。 定义表格定义表格结束。 定义列 定义列结束。 定义行 定义行结束。 段落(换行)，可包括3种选项：默认居左或 居中 居右 本段落结束。是设定字体，字色和字号的标签对。color= 属性参数是设定字色。字色的值是在#000000至#ffffff(16进位)之间。前两位代表红色，中间两位代表绿色，后两位代表蓝色。可按自已的喜好组合。size= 属性参数是设定字号。是强制换行，无格式要求。在 之间插入一个，相当于插入半个空行。 2.背景文字移动代码:将第三节.1中的代码原封不动放到背景的文字部分,代码: TABLE style

9、=WIDTH: 200px; HEIGHT:220px align=center cellSpacing=30 background= 李白诗一首床前明月光,疑是地上霜.举头望明月,低头思故乡.效果: 第六节：图片移动代码1.图片基本代码:图片设定的属性: height=400 是设定图片的高度，width=500 是设定图片的宽度下面给出一个完整代码:效果:2.图片的移动:图片的移动可参照文字移动代码,在此只把第四节中的文字上下上代码中的文字换成图片代码,并加入圈子阳光公园的链接,其它方式不再赘述:点击图片 IMG width=310 height=118 src= 效果:3.多张图片的移动

10、:在此只举自右向左移动一例,其它参照多行文字的移动代码即可.1图片左右排列自左向右移动:点击图片 进入我的圈子      点击图片 进入我的圈子      点击图片 进入我的圈子 图片与图片之之间用空格代码 分隔开来.效果: 2图片上下排列自上而下移动的代码:点击图片 进入我的圈子 点击图片 进入我的圈子 点击图片 进入我的圈子 效果: 4.背景图片的特效处理:1圆形朦胧代码:            &nb

11、sp; 阳光公园效果: 阳光公园 2方形朦胧代码:              阳光公园效果: 阳光公园 3过滤镜代码              阳光公园效果: 阳光公园4黑白过滤代码:          &nb

12、sp;   阳光公园效果: 阳光公园5加色过滤代码:              阳光公园效果: 阳光公园6白色过滤代码:              阳光公园效果: 阳光公园7走形代码:         

13、;     阳光公园效果: 阳光公园8倒影代码:IMG src=              阳光公园 IMG src=               阳光公园效果: 阳光公园 阳光公园不做背景图片时,可使用下列代码: 效果: 9以上各代码在不做背景图片的情况下可以采用IM

14、G代码形式,下面的代码就是从7演化而来,其它各代码可同理演化:效果: 6.背景插入图片代码:代码示例1:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=点击图片 进入我的圈子 点击图片 进入我的圈子 点击图片 进入我的圈子 效果: 代码示例2:TABLE style=WIDTH: 685px; HEIGHT: 401px cellSpacing=10 align=center background=点击图片 进入我的圈子 效果: 第七节：影音播放器代码基本代码: 语法解释:EMBED src=音乐网址。 插入音乐的播放器，音乐可用你喜欢的歌曲网址替换。 width=280 height=40 是设定播放器的宽度和高度。 将播放器的宽度和高度值均设定为 0 ，即：width=0 height=0 便把播放器隐藏了，在帖子中就看不到播放器了。type=audio/mpeg 是设定音乐为 mp3 格式。type=audio/x-ms-wma 是设定音乐为 wma 格式。现在只支持这两种格式，要根据你