[计算机]html语言
HTML语言:网站链接、文字移动、插入背景、图片移动及特效、MP3和FLASH代码博客秘籍2006-12-0108:45:40阅读518评论0字号:大中小订阅HTML语言:网站链接、文字移动、插入背景、图片移动及特效、MP3和FLASH代码前言:编码过程难免会有错误和疏漏,还请各位高手指正!第一节:网站链接专用代码基本代码:文字链接:
图片链接:是插入地址链接的标签对,单击插入在标签对内的文字,图片,就可以链接进入指定的网页或链接地址.标签的属性,用于实现地址的链接.target=_blank为窗口弹出属性定义,不加此属性则为背负式链接.实例:1.网站链接用代码:1.背负式网站文字链接代码:阳光公园效果:阳光公园2.窗口弹出式网站文字链接代码:阳光公园效果:阳光公园3.背负式网站图片链接代码:\n效果:4.窗口弹出式网站图片链接代码:效果:5.文字加图片窗口弹了式链接代码:点击图片欣赏更多效果:点击图片欣赏更多\n2.论坛中进行网站链接专用代码:1.图片链接:[b][url=http://q.163.com/163.com/]点击[img]http://blog.163.com/photo/QDfVg3WEqY31Za2yMilcLA==/3156178913856667750.jpg[/img]欣赏更多[/url][/b]2.文字链接:[b]点击[url=http://q.163.com/163.com/]阳光杂志[/url]欣赏更多[/b]3.字体颜色:[b][color="#8000ff"]再换个颜色试试[/color][/b]4.字号:[size=4]文字[/size]第二节:文字移动专用代码1.基本语法解释:\n1.基本语法[默认向左移动]:效果:2.文字移动属性代码:要移动的文字效果:3.语法解释:style=是文字从左向右移!文字一圈一圈绕着走!文字只走一次就歇了!文字来回走!\n[2]文字行走的次数:文字只走3趟哟![3]文字行走速度控制:文字行走得好快![4]文字延时:文字走一步,停一停![5]文字对齐方式:文字移动上中下对齐对齐上沿:文字对齐上沿文字对齐中间:文字对齐中间对齐下沿:文字对齐中间[6]文字的底色设置:文字在色彩中移动!底色面积设置:文字底色的面积第三节:多行文字移动代码1.多行文字移动代码:李白诗一首
床前明月光,
疑是地上霜.
举头望明月,
低头思故乡.
效果:\n2.语法解释:为粗体代码.文字居中设置.文字居左align=left文字居中align=center文字居右align=right本段落结束。
为强制换行.在之间插入一个
,相当于插入半个空行。color=#3af93a文字色号.size=5为字体大小.设定文本滚动区。WIDTH:380px是滚动区的宽度。HEIGHT:120px"是滚动区的高度。scrollAmount=2是设定文本滚动的速度,值越大,滚动的越快。direction=up设定文本滚动的方向。up是向上滚动。align="center"是居中显示。是设定的文本滚动区结束。第四节:文字的特殊移动\n1.舞动的文字代码:舞动的文字代码效果:2.文字下,上,下移动代码:下上下文字代码效果:3.上下上文字代码:上下上文字代码效果:第五节:插入背景及插入背景文字1.基本代码:要插入的文字:
点击进入阳光公园
插入文字结束 |
效果:要插入的文字:点击进入阳光公园\n插入文字结束处说明:标签对,是定义表格,插入背景图的语句。此行代码是背景(表格)设定,(定义结束)要放在全文的最后面,才能使整个帖子成为一体。style=是标签的属性设定。"WIDTH:600px;HEIGHT:520px"是设定的背景(表格)的宽度和高度。;是两个参数之间的分隔符。在一个语句中,每两个参数之间,要用英文的一个空格作为分隔符。align=center是设定属性参数,背景(表格)居中排列。cellSpacing=30属性参数是设定内框线宽度,单位是px(pixel)。background=属性参数是设定插入背景图片的地址。http://bbs.muwen.com/fileuploaddir/4B26164934.3.gif是一张背景图片的网上地址。定义表格定义表格结束。定义列
定义列结束。\n定义行 | 定义行结束。段落(换行),可包括3种选项:默认居左或居中居右
本段落结束。是设定字体,字色和字号的标签对。color=属性参数是设定字色。字色的值是在#000000至#ffffff(16进位)之间。前两位代表红色,中间两位代表绿色,后两位代表蓝色。可按自已的喜好组合。size=属性参数是设定字号。
是强制换行,无格式要求。在之间插入一个
,相当于插入半个空行。2.背景文字移动代码:将第三节.1中的代码原封不动放到背景的文字部分,代码:李白诗一首
床前明月光,
疑是地上霜.
举头望明月,
低头思故乡.
|
效果:第六节:图片移动代码\n1.图片基本代码:图片设定的属性:height=400是设定图片的高度,width=500是设定图片的宽度.下面给出一个完整代码:效果:2.图片的移动:\n图片的移动可参照文字移动代码,在此只把第四节中的文字上下上代码中的文字换成图片代码,并加入圈子阳光公园的链接,其它方式不再赘述:点击图片进入我的圈子效果:3.多张图片的移动:在此只举自右向左移动一例,其它参照多行文字的移动代码即可.[1]图片左右排列自左向右移动:点击图片进入我的圈子 点击图片进入我的圈子 点击图片进入我的圈子图片与图片之之间用空格代码 分隔开来.效果:\n[2]图片上下排列自上而下移动的代码:点击图片进入我的圈子
点击图片进入我的圈子
点击图片进入我的圈子效果:4.背景图片的特效处理:[1]圆形朦胧代码:\n 阳光公园 |
效果:阳光公园[2]方形朦胧代码: 阳光公园 |
效果:阳光公园[3]过滤镜代码 阳光公园 |
效果:阳光公园[4]黑白过滤代码: 阳光公园 |
效果:阳光公园[5]加色过滤代码: 阳光公园 |
效果:阳光公园[6]白色过滤代码: 阳光公园 |
效果:阳光公园[7]走形代码: 阳光公园 |
效果:阳光公园[8]倒影代码: 阳光公园 |
\n 阳光公园 |
效果:阳光公园阳光公园\n不做背景图片时,可使用下列代码:
效果:\n[9]以上各代码在不做背景图片的情况下可以采用效果:6.背景插入图片代码:代码示例1:\n点击图片进入我的圈子
点击图片进入我的圈子
点击图片进入我的圈子 |
效果:代码示例2:点击图片进入我的圈子 |
效果:第七节:影音播放器代码基本代码:语法解释: 是音乐设定结束。1.MP3播放器代码:[1]红色播放器代码:
效果:>[2]黑色播放器代码:\n效果:[3]乳白色MP3播放器代码:效果:[4]透明播放器代码:\n |
效果第八节节:FLASH代码1.基本代码:2.FLASH的叠加代码:\n |
效果: