找回密码
 注册

QQ登录

只需一步,快速开始

查看: 14858|回复: 91
收起左侧

===== HTML语言制贴快速入门 =====

[复制链接]

该用户从未签到

发表于 2004-11-14 21:51 | 显示全部楼层 |阅读模式
[这个贴子最后由沧海茫茫在 2004/12/06 00:22am 第 6 次编辑]

#Moderation Mode
以下内容需要积分高于 0 才可浏览

[B]HTML语言制贴快速入门[/B][/SIZE][/COLOR]

《 前 言 》

    HTML语言是最常用的网页语言之一,因为它极大地提高了帖子可观赏性,而且编码简单、变化无穷,所以被越来越多的会员接受和使用。本文适合基本掌握了LB5000格式又想了解使用网页语言制贴的朋友。
    唐宋帮助里的“LB5000 标签”网址:
    http://bbs.shiandci.net/cgi-bin/lb5000/misc.cgi?action=lbcode
    基于本文的标题和本人水平,只能结合自己的经验先谈点最基本的入门常识,难免有疏漏甚至错误,就算抛砖引玉吧;欢迎高水平的朋友提出指正意见。
本文目录
一、入门概述
二、文字格式
三、图片格式
四、音乐(包括视频)格式
五、外眶格式
六、FLASH(动画)格式
七、网页引用格式和转贴问题
八、附录

一、入门概述
    1、HTML语言格式很多,要系统学习也许应该上专科学习,但作为一般爱好者,只要经过初步学习和试验,大概就可以简单制贴了;其实凡能够掌握了唐宋论坛现在使用的LB5000制贴格式,就一定有能力掌握HTML格式;“入门并不难,深造也是办得到的”,而且在唐宋论坛的“琴版”和“人文”版里HTML格式与LB5000格式还可以混用,每个人都可以找到最方便和适合自己的办法。
    2、学习方法:对于不想花工夫的朋友,一般不需要系统学习,能知晓本贴的十几个固定格式,并且把这些固定格式复制下来,象使用数学公式一样会套用,然后进行“填空”作业,加一点实验、体会、摸索,就可以发贴了。当然,要做出漂亮、新颖、精致的帖子,还需要花些工夫。
    3、典型的HTML格式帖子包括:文字、图片、乐曲、外眶、动画等。下面分别说明。


二、文字格式
1、设置字体
   
  1. <FONT color=颜色 face=字体 size=字号>......</FONT>
复制代码
    术语解释:
    1)color=颜色:字体颜色与原LB5000相同,如#00ff00代表绿色;
                 #0000ff代表兰色等。省略color项,默认黑色字体。
    2)face=字体:字体与原LB5000相同;字体库的种类因而异,一般都有:
                “楷体_gb2312”、“隶书”、“华文魏体”、“华文彩云”等;
                 省略face项,默认宋体。
    3)size=字号:字体大小与原LB5000相同,省略默认1号字。
2、文字的另一种表示方法(举例):
   
  1. <font style=font:20pt face=华文行楷 color=red>文字内容</font>
复制代码
    显示为字的大小为20象素(可调);字体为华文行楷;颜色为红色。
    颜色的英文和标号对照表


3、文字(图片)的移动
  1. <marquee direction=up>文字或图片</marquee>    说明: up 向上移动
  2. <marquee direction=left>文字或图片</marquee>  说明: left 向左移动
  3. <marquee direction=right>文字或图片</marquee> 说明: right 向右移动
  4. <marquee direction=down>文字或图片</marquee> 说明: down 向下移动
  5. <marquee behavior=alternate>文字或图片</marquee>  说明:alternate 左右来回走
复制代码
图片移动与文字移动一样,就是把文字部分换成贴图的代码(图片代码下面介绍)。
    注释:汉字的特效种类较多,不一一介绍。详见清华大学HTML语言教程:
    http://www.lib.tsinghua.edu.cn/c ... al/html_design.html   


三、图片格式
1、 HTML的一般图片格式(不改变大小)
   
  1. <IMG SRC=图片网址>
复制代码
    举例:
   
  1. <P align=center><IMG SRC=http://www.wawdzg.net/image/119.jpg></p>
复制代码
    显示效果(保持原图一样):
< align=center><IMG SRC=http://www.wawdzg.net/image/119.jpg></p>
    补充术语解释:
  1. <P align=center>图片网址</p>:
复制代码
表示图片居中。  
2、 有缩小和放大功能的图片格式(宽度和高度的数值与LB5000格式相同):
   
  1. <IMG height=高度 src=图片网址 width=宽度 ;>
复制代码

  1)缩小图片
   
  1. <IMG height=150 src=http://www.wawdzg.net/image/119.jpg width=200 ;>
复制代码
    显示效果:
<center><IMG height=150 src=http://www.wawdzg.net/image/119.jpg width=200 ;></center>
  2)放大图片
   
  1. <IMG height=420 src=http://www.wawdzg.net/image/119.jpg width=560 ;>
复制代码
    显示效果:
<center><IMG height=420 src=http://www.wawdzg.net/image/119.jpg width=560 ;></center>


四、音乐格式
    1、 自动播放音乐格式
    1)显示播放器
   
  1. <embed src=音乐网址 width=宽度 height=高度 autostart=true>
复制代码
   
  1. 举例:<embed src=http://www.m666.net/music/gzqj1/03.mp3 width=300 height=40 autostart=true>
复制代码
    显示效果:
<center><embed src=http://www.m666.net/music/gzqj1/03.mp3 width=300 height=40 autostart=true></center>
    术语解释:
    embed----插入
    src----网址
    width----宽度
    height----高度
    autostart----(出发)的起点
    true----自动(开始)   
    2)隐藏播放器(代码width=0 height=0 表示隐藏)
   
  1. <embed src=音乐网址 width=0 height=0 autostart=true>
复制代码
    2、点播的音乐格式
   
  1. <embed src=http://61.152.251.81:8000/wma88zz/new2/739/1.Wma width=300 height=40 autostart=false>
复制代码
    点播效果:
<center><embed src=http://61.152.251.81:8000/wma88zz/new2/739/1.Wma width=300 height=40 autostart=false></center>
    术语解释:
  1. autostart=false:模式选用点播
复制代码
    3、反复播放音乐格式
   
  1. <EMBED src="音乐网址" width=300 height=40 type=audio/mpeg loop="true" autostart="true" panel="0">
复制代码
    4、播放视频格式
   
  1. <EMBED src="视频连接地址" width=窗口宽度 height=窗口高度 type=application/vnd.rn-realmedia autostart="true">
复制代码
    术语解释:type=application/vnd.rn-realmedia:类型是RM播放器



五、外眶格式
    1、通常外眶是HTML帖子的主要特征。重点需要了解和掌握。外眶的作用是构成帖子的大小和特色,可以有单层和多层。
    2、单层简单格式(例一):
   
  1. <TABLE borderColor=#0000ff cellSpacing=10 cellPadding=20 width=80% align=center bgColor=#00ff00 border=8><TBODY><TR><TD>
  2.     帖子无内容
  3.     </TD></TR></TBODY></TABLE>
复制代码
    例一的显示效果:
    <TABLE borderColor=#0000ff cellSpacing=10 cellPadding=20 width=500 align=center bgColor=#00ff00 border=8><TBODY><TR><TD>
    帖子无内容
    </TD></TR></TBODY></TABLE>
    术语解释:
   
  1. 1)borderColor=#0000ff:边线颜色,例一设置为兰色;
  2.     2)CellPaddin=10:      边框内线与边线距离,例一设置为两线距离为10点象素;
  3.     3)CellSpacing=20:     边框与内填充间隔;
  4.     4)width=600:          帖子外眶宽度,例一设置为85%,约近600个象素点。
  5.                          (普通贴最大宽度约690象素,也可设置绝对值,如例二);
  6.     5)align=center:       位置为中间;
  7.     6)bgColor=#00ff00:    帖子底图颜色,例一设置为绿色;
  8.     7)border=8:           外边框宽度,例一设置为8个象素;
  9.     8)<TABLE><TBODY><TR><TD> 一层外眶 </TD></TR></TBODY></TABLE>
复制代码
    第8项是外眶(或叫表格)一个标准格式,会用就可以了,详细介绍请看清华大学tmhl语言教程网页:
    http://www.lib.tsinghua.edu.cn/c ... L/Normal/table.html

    3、外眶加背景图(例二)
   
  1. <TABLE cellSpacing=10 borderColor=#0000ff cellPadding=20 width=600 align=center background=http://www.szvtc.cn/pxtd/bz/bzk/Azul.jpg bgColor=#00ff00 border=3><TBODY><TR><TD>
  2.     帖子无内容
  3. </TD></TR></TBODY></TABLE>
复制代码
例二的显示效果:
<TABLE cellSpacing=10 borderColor=#0000ff cellPadding=20 width=600 align=center background=http://www.szvtc.cn/pxtd/bz/bzk/Azul.jpg bgColor=#00ff00 border=3><TBODY><TR><TD>
    帖子无内容
</TD></TR></TBODY></TABLE>
    补充术语解释:
  1. background=http://www.szvtc.cn/pxtd/bz/bzk/Azul.jpg
复制代码
:背景资料是这个网址的图片
    4、眶内加图片(例三)
    变化一下例二:
   
  1. <TABLE cellSpacing=10 borderColor=#0000ff cellPadding=0 width=600 align=center  bgColor=#00ff00 border=3><TBODY><TR><TD>
  2.     <IMG SRC=http://www.szvtc.cn/pxtd/bz/bzk/Azul.jpg width=500 ; >
  3. </TD></TR></TBODY></TABLE>
复制代码
    例三的显示效果:
    <TABLE borderColor=#0000ff cellSpacing=0 cellPadding=0 width=600 align=center bgColor=#00ffff border=3><TBODY><TR><TD>
    <IMG SRC=http://www.szvtc.cn/pxtd/bz/bzk/Azul.jpg width=560 ;>
</TD></TR></TBODY></TABLE>


六、FLASH(动画)格式
    1、一般FLASH播放格式
   
  1. <EMBED SRC=动画地址 width=宽度 height=高度 autostart=true>
复制代码
    术语解释:
    三个汉字的位置分别加入高度、宽度值和动画网址。
    autostart=true:自动播放格式(同音乐)
    举例:
   
  1. <center><EMBED SRC=http://imgfree.21cn.com/free/flash/33.swf width=400 height=320 autostart=true></center>
复制代码
    显示效果:
<center><EMBED SRC=http://imgfree.21cn.com/free/flash/33.swf width=400 height=320 autostart=true></center>
   
    2、透明FLASH播放格式
   
  1. <EMBED height=高度 pluginspage=http://www.macromedia.com/go/getflashplayer src= 动画地址type=application/x-shockwave-flash width=宽度 wmode="transparent" quality="high">
复制代码
    举例:   
   
  1. <center><EMBED height=320 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/33.swf type=application/x-shockwave-flash width=400 wmode="transparent" quality="high"></center>
复制代码
    显示效果:
<center><EMBED height=320 pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/33.swf type=application/x-shockwave-flash width=400 wmode="transparent" quality="high"></center>   
    3、图片加FLASH特效:
  1. <TABLE height=300 cellSpacing=0 width=450 background=http://www.chinacoffee.org/UploadFile/2004-6/2004615184036397.jpg border=3>
  2. <TBODY><TR><TD>
  3. <EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/6.swf width=420 height=210 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE>
复制代码
    显示效果:
<center><TABLE height=300 cellSpacing=0 width=450 background=http://www.chinacoffee.org/UploadFile/2004-6/2004615184036397.jpg border=3><TBODY><TR><TD>
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/6.swf width=420 height=210 type=application/x-shockwave-flash quality="high" wmode="transparent"></TD></TR></TBODY></TABLE></center>
    注释:这个模式实际上就是“有外框的图”+“透明FLASH”,术语同上。



七、网页引用格式和转贴问题
    1、网址引用
    标准格式:
  1. <a href="网址">标注说明</a>
复制代码
    举例如:引用唐诗宋词论坛网址:
   
  1. <a href="http://bbs.shiandci.net/cgi-bin/lb5000/leoboard.cgi">唐诗宋词论坛</a>
复制代码
    显示效果:
    <a href="http://bbs.shiandci.net/cgi-bin/lb5000/leoboard.cgi">唐诗宋词论坛</a>
    2、显示网页引用
    简单格式:
   
  1. <IFRAME height=窗口高 width=窗口宽 src=网址></IFRAME>
复制代码
    举例如:唐诗宋词论坛
   
  1. <IFRAME height=600 width=600 src=http://bbs.shiandci.net/cgi-bin/lb5000/leoboard.cgi></IFRAME>
复制代码
    显示效果:
   
    <p align=left><IFRAME height=600 width=600 src=http://bbs.shiandci.net/cgi-bin/lb5000/leoboard.cgi></IFRAME></p>
    3、HTML帖子在转贴中的常见问题
    1)图片超宽的问题
    很多BBS论坛都有图片自动功能,对于宽度大于524的图片自动缩小到524,但此类帖子在直接转贴时往往会发生图片和帖子显示不全的问题。
    处理办法:采用图片缩小代码,调整宽度,满足视觉效果。
    [B]2)外眶变形问题[/B]
    多数网站对HTML的帖子会忽略回车符号和空格,所以从别的论坛转贴到唐宋的这类帖子,其每层外眶都会发生上下变长的问题和贴内间距变大的问题。
    处理办法:删除多余的回车和空格,重新调整帖子的版面。
    [B]3)页面不能正常显示[/B]
    一些在其他网站很漂亮的帖子,转贴到唐宋后发生显示不全甚至不能显示的问题。原因是1、一些网页代码如JAVA,唐宋没有开放,所以无法正常显示;2、有的帖子内的图片、音乐等采用相对地址,有经验的人会把相对网址改为直接网址就可以正常显示,但对多数人来说有一定难度。

八、附录——见下页(编码实例和素材)


    编后话:一个简单的入门搞了一天,还不知道是否能起作用?会不会贻笑大方?有没有误人子弟?就算土法上马,微薄以事。希望朋友们多所指正,以自己学习、摸索的经验为准。此HTML只对唐宋部分琴版、人文适用,在其他版块必须采用斑竹模式(代码可用复制功能打开本贴看,也可问吟风听月)或请斑竹代发。错误之处,还望不吝赐教。

沧海茫茫文/编辑  11月13日



该用户从未签到

 楼主| 发表于 2004-11-14 21:52 | 显示全部楼层

===== HTML语言制贴快速入门 =====

[这个贴子最后由沧海茫茫在 2004/12/05 11:56pm 第 9 次编辑]

12月05日更新
八、附录
1、文字编码实例
2、图片编码实例
#Moderation Mode
以下内容需要积分高于 0 才可浏览


1、文字
    1)介绍一种常用的空心立体字格式
   
  1. <center><FONT style="COLOR: #FFFF00; FILTER: shadow(color=red); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">欢迎朋友光临</FONT></center>
复制代码
    显示效果:
    <center><FONT style="COLOR: #FFFF00; FILTER: shadow(color=red); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">欢迎朋友光临</FONT></center>
    术语解释:
   
  1. A)COLOR: #FFFF00:颜色设置为黄色
  2.     B)FILTER: shadow(color=red):字内的虚影为红色;
  3.     C)FONT-FAMILY: 华文彩云:字体为华文彩云空心字;
  4.     D)SIZE: 30pt:表示字的大小,字体为30点象素大小;
  5.     E)LINE-HEIGHT: 150%; WIDTH: 100% :行高和行宽(一般不要动)
复制代码
   
    [B]2) 上右阴影字[/B]
  1. <center><SPAN style="FILTER: shadow(color=#99CC99, direction=50); WIDTH: 80%; LETTER-SPACING: 5pt"><FONT face=楷体_GB2312 size=8 color=#ff0000><center>欢迎朋友光临</center></FONT></SPAN></center>
复制代码
    显示效果:
<center><SPAN style="FILTER: shadow(color=#99CC99, direction=50); WIDTH: 80%; LETTER-SPACING: 5pt"><FONT face=楷体_GB2312 size=8 color=#ff0000><center>欢迎朋友光临</center></FONT></SPAN></center>
    [B]3)下阴影字[/B]
   
  1. <center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">欢迎朋友光临,祝你愉快每一天!</FONT></center>
复制代码
    显示效果:
<center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #ffff00; LINE-HEIGHT: 150%; FONT-FAMILY: 宋体">欢迎朋友光临,祝你愉快每一天!</FONT></center>
    4)全虚影字
   
  1. <center><FONT style="FONT-SIZE: 14pt; FILTER: glow(color=#006600); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">《中国的月亮》<br>演唱:彭丽媛<BR><BR>哪里月不圆<BR>何处月无光<BR>我却深深地爱着你<BR>中国的月亮<BR>你传说美丽的嫦娥<BR>你讲述勤劳的吴刚<BR>你把母亲的微笑<BR>撒给炎黄儿女多少慈祥<BR>啊 月亮 中国的月亮<BR>啊 月亮 自己的月亮<BR>自古月是故乡明<BR>你深深地爱<BR>你甜甜的情<BR>总珍藏在我心上<BR><BR></FONT></center>
复制代码
    显示效果:
<center><FONT style="FONT-SIZE: 14pt; FILTER: glow(color=#006600); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">《中国的月亮》<br>演唱:彭丽媛<BR><BR>哪里月不圆<BR>何处月无光<BR>我却深深地爱着你<BR>中国的月亮<BR>你传说美丽的嫦娥<BR>你讲述勤劳的吴刚<BR>你把母亲的微笑<BR>撒给炎黄儿女多少慈祥<BR>啊 月亮 中国的月亮<BR>啊 月亮 自己的月亮<BR>自古月是故乡明<BR>你深深地爱<BR>你甜甜的情<BR>总珍藏在我心上</FONT></center>
    补充术语解释:
   
  1. style="FONT-SIZE:字体为虚影字
  2.     FILTER: glow(color=#9932cc):虚影为绿色;
  3.     COLOR: #ffffff:字内为白色;
复制代码
    [B]5)字分左右移动[/B]
   
  1. <center><FONT color=#660000 face=隶书 size=7><MARQUEE height=50 width=240>夕阳无限好</FONT></MARQUEE><FONT color=#660000 face=隶书 size=7><MARQUEE direction=right height=50 width=240>好限无阳夕</MARQUEE></FONT></center>
复制代码

    显示效果:
    <p align=center><FONT color=#660000 face=隶书 size=7><MARQUEE height=50 width=240>夕阳无限好</FONT></MARQUEE><FONT color=#660000 face=隶书 size=7><MARQUEE direction=right height=50 width=240>好限无阳夕</MARQUEE></FONT></p>

   

    6)字的上升速度控制
   
  1. <MARQUEE scrollAmount=1 scrollDelay=150 direction=up width=500 height=200>
  2. <FONT style="FONT-SIZE: 14pt; FILTER: glow(color=#9932cc); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><center>《中国的月亮》<br>演唱:彭丽媛<BR><BR>哪里月不圆<BR>何处月无光<BR>我却深深地爱着你<BR>中国的月亮<BR>你传说美丽的嫦娥<BR>你讲述勤劳的吴刚<BR>你把母亲的微笑<BR>撒给炎黄儿女多少慈祥<BR>啊 月亮 中国的月亮<BR>啊 月亮 自己的月亮<BR>自古月是故乡明<BR>你深深地爱<BR>你甜甜的情<BR>总珍藏在我心上</center></FONT></MARQUEE>
复制代码
    显示效果:
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up width=500 height=350> <FONT style="FONT-SIZE: 14pt; FILTER: glow(color=#9932cc); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312"><center>《中国的月亮》<br>演唱:彭丽媛<BR><BR>哪里月不圆<BR>何处月无光<BR>我却深深地爱着你<BR>中国的月亮<BR>你传说美丽的嫦娥<BR>你讲述勤劳的吴刚<BR>你把母亲的微笑<BR>撒给炎黄儿女多少慈祥<BR>啊 月亮 中国的月亮<BR>啊 月亮 自己的月亮<BR>自古月是故乡明<BR>你深深地爱<BR>你甜甜的情<BR>总珍藏在我心上<center></FONT></MARQUEE>
    补充术语解释:
    scrollAmount=1 scrollDelay=150:移动一行(上升)的延迟时间(比正常移动长50%)。
    direction=up:移动方向为上升

    7)字的跳动控制
  
  1. <center><b><FONT face=楷体_gb2312 color=#0000ff size=10><FONT color=#0000ff><MARQUEE direction=up behavior=alternate width=65 height=100 align="middle">欢</MARQUEE><FONT color=#ff0000><MARQUEE direction=up behavior=alternate width=65 height=90>迎</MARQUEE><FONT color=#ffff00><MARQUEE direction=up behavior=alternate width=65 height=100>朋</MARQUEE><FONT color=#00ff00><MARQUEE direction=up behavior=alternate width=65 height=90>友</MARQUEE><FONT color=#00ffff><MARQUEE direction=up behavior=alternate width=65 height=100>光</MARQUEE><FONT color=#9932cc><MARQUEE direction=up behavior=alternate width=65 height=90>临</MARQUEE></b></center>
复制代码
    显示效果:
<center><b><FONT face=楷体_gb2312 color=#0000ff size=10><FONT color=#0000ff><MARQUEE direction=up behavior=alternate width=65 height=100 align="middle">欢</MARQUEE><FONT color=#ff0000><MARQUEE direction=up behavior=alternate width=65 height=90>迎</MARQUEE><FONT color=#ffff00><MARQUEE direction=up behavior=alternate width=65 height=100>朋</MARQUEE><FONT color=#00ff00><MARQUEE direction=up behavior=alternate width=65 height=90>友</MARQUEE><FONT color=#00ffff><MARQUEE direction=up behavior=alternate width=65 height=100>光</MARQUEE><FONT color=#9932cc><MARQUEE direction=up behavior=alternate width=65 height=90>临</MARQUEE></b></center>


    补充术语解释:
    width=字中心距 height=跳动高度

2、图片编码实例
    1)图片加朦胧效果(无边眶)
   
  1. <P align=center><table border=0><td><img src="http://www.wawdzg.net/image/119.jpg" width=300 height=300 style=filter:Alpha(opacity=100,style=2)><td></table></p>
复制代码
    显示效果(圆形虚影):   
< align=center><table border=0><td><img src="http://www.wawdzg.net/image/119.jpg" width=380 height=300 style=filter:Alpha(opacity=100,style=2)><td></table></p>
filter:过滤去除
Alpha: 边的形状
opacity:不透明(等于的数值表示圆的直径或矩形的边长
style    类型(=1:半虚影;=2:圆形虚影; =3:方形虚影)

    图片加朦胧效果(有边眶)
   
  1. <CENTER><TABLE border=8><TBODY><TR><TD><IMG style="FILTER: Alpha(opacity=100,style=3)" src="http://www.wawdzg.net/image/119.jpg" width=380 align=center wmode="transparent" quality="high" type="application/octet-stream"></TD></TR></TBODY></TABLE></CENTER>
复制代码
    显示效果(方形虚影):
<CENTER><TABLE border=8><TBODY><TR><TD><IMG style="FILTER: Alpha(opacity=100,style=3)" src="http://www.wawdzg.net/image/119.jpg" width=380 align=center wmode="transparent" quality="high" type="application/octet-stream"></TD></TR></TBODY></TABLE></CENTER>

3、主屏随动图
   
  1. <DIV STYLE="cursor:arrow;filter : progid:DXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-120);left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-280);text-align:right;"><a href="http://wanruo.jahee.com" target="_blank"><img border="0"src="http://zjsck.chinacatholic.org/gifku/pigeon/pigeon015.gif";;;></a></font></DIV>
复制代码
    显示效果:见本贴已显示的“白鸽衔枝”。
<DIV STYLE="cursor:arrow;filter : progidXImageTransform.Microsoftpadding:8px;position:absolute;;border:;top:expression(eval(document.body.scrollTop)+eval(document.body.clientHeight)-120);left:expression(eval(document.body.scrollLeft)+eval(document.body.clientWidth)-280);text-align:right;"><a href="http://wanruo.jahee.com" target="_blank"><img border="0"src="http://zjsck.chinacatholic.org/gifku/pigeon/pigeon015.gif";;;></a></font></DIV>



回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2004-11-14 21:52 | 显示全部楼层

===== HTML语言制贴快速入门 =====

[这个贴子最后由沧海茫茫在 2004/12/24 00:38am 第 3 次编辑]

11月26日更新
3、边框编码实例
4、特效编码实例
#Moderation Mode
以下内容需要积分高于 0 才可浏览


3、边框编码实例   
    1)六层有图边框实例:
   
  1. <P align=center>
  2. <TABLE cellSpacing=10 borderColor=#600060 cellPadding=10 width=80% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0>
  3. <tbody><TR><TD>
  4. <TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=3>
  5. <tbody><TR><TD>
  6. <TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0>
  7. <tbody><TR><TD>
  8. <TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0>
  9. <tbody><TR><TD>
  10. <TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0>
  11. <tbody><TR><TD>
  12. <TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0>
  13. <tbody><TR><TD>
  14. <P align=center><IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;></P>
  15. </TD></TR><tbody></TABLE>
  16. </TD></TR><tbody></TABLE>
  17. </TD></TR><tbody></TABLE>
  18. </TD></TR><tbody></TABLE>
  19. </TD></TR><tbody></TABLE>
  20. </TD></TR><tbody></TABLE>
  21. </P>
复制代码
    上图编码只是为了让大家看清楚,实际使用时应删除各层边框中的所有回车!
    显示效果:
< align=center><TABLE cellSpacing=10 borderColor=#600060 cellPadding=10 width=80% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=3><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0><tbody><TR><TD>< align=center><IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;></P></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></P>

    2)加一组图片和配上音乐的显示效果:
   
  1. <P align=center><TABLE cellSpacing=15 borderColor=#600060 cellPadding=15 width=83% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=6><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0><tbody><TR><TD><P align=center>
  2. <FONT style="FONT-SIZE: 28pt; FILTER: glow(color=#9964ff); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">超眩水晶水果</font><br><br><br><IMG src="http://tu.ywzc.net/zw/sjsg/19.jpg" width=460 ;><br><br><br>
  3. <IMG src="http://tu.ywzc.net/zw/sjsg/2.jpg" width=460 ;><br><br><br>
  4. <IMG src="http://tu.ywzc.net/zw/sjsg/3.jpg" width=460 ;><br><br><br>
  5. <IMG src="http://tu.ywzc.net/zw/sjsg/4.jpg" width=460 ;><br><br><br>
  6. <IMG src="http://tu.ywzc.net/zw/sjsg/5.jpg" width=460 ;><br><br><br>
  7. <IMG src="http://tu.ywzc.net/zw/sjsg/6.jpg" width=460 ;><br><br><br>
  8. <IMG src="http://tu.ywzc.net/zw/sjsg/7.jpg" width=460 ;><br><br><br>
  9. <IMG src="http://tu.ywzc.net/zw/sjsg/8.jpg" width=460 ;><br><br><br>
  10. <IMG src="http://tu.ywzc.net/zw/sjsg/1.jpg" width=460 ;><br><br><br>
  11. <IMG src="http://tu.ywzc.net/zw/sjsg/16.jpg" width=460 ;><br><br><br>
  12. <IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;><br><br><br>
  13. <embed src=http://www.dabaoku.com/bjyinyue/mid/169.mid width=0 height=0 autostart=true><br><FONT style="FONT-SIZE: 18pt; FILTER: glow(color=#9964ff); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">沧海茫茫制作</font><br><br></P></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></P>
复制代码
    显示效果:
< align=center><TABLE cellSpacing=15 borderColor=#600060 cellPadding=15 width=83% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=6><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0><tbody><TR><TD><P align=center>
<FONT style="FONT-SIZE: 28pt; FILTER: glow(color=#9964ff); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">超眩水晶水果</font><br><br><br><IMG src="http://tu.ywzc.net/zw/sjsg/19.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/2.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/3.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/4.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/5.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/6.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/7.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/8.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/1.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/16.jpg" width=460 ;><br><br><br>
<IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;><br><br><br>
<embed src=http://www.dabaoku.com/bjyinyue/mid/169.m width=0 height=0 autostart=true><br><FONT style="FONT-SIZE: 18pt; FILTER: glow(color=#9964ff); WIDTH: 100%; COLOR: #ffffff; LINE-HEIGHT: 150%; FONT-FAMILY: 楷体_GB2312">沧海茫茫制作</font><br><br></P></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></P>

4、特效编码实例
    1)整贴加特效代码(a)
   
  1. <EMBED style="LEFT: 280px; WIDTH: 600px; POSITION: absolute; TOP: 400px; HEIGHT: 360px" align=right src=动画网址 width=500 height=360 type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED >
复制代码
    举例:
   
  1. <P align=center><TABLE cellSpacing=10 borderColor=#600060 cellPadding=10 width=80% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=3><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0><tbody><TR><TD>
  2. <EMBED style="LEFT: 300px; WIDTH: 600px; POSITION: absolute; TOP: 8300px; HEIGHT: 960px" align=right src=http://wanruo.jahee.com/jpsc/flash/50.swf width=500 height=960 type=application/octet-stream wmode="transparent"
  3. quality="high" ;;></EMBED ><P align=center><IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;></P></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></P>
复制代码
    整贴加特效(b):只是把特效代码放在最后,效果与上相同:
<P align=center><TABLE cellSpacing=10 borderColor=#600060 cellPadding=10 width=80% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153734888.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=0 borderColor=#600060 cellPadding=0 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=3><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width="100%"  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif border=0><tbody><TR><TD><TABLE cellSpacing=5 borderColor=#600060 cellPadding=5 width=100%  background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153722683.gif bgColor=#600060 border=0><tbody><TR><TD><TABLE borderColor=#600060 cellSpacing=5 cellPadding=5 width=100% background=http://www.pcbtech.net/forum/UploadFile/2004-7/2004711153119976.gif bgColor=#600060 border=0><tbody><TR><TD><P align=center><IMG src="http://tu.ywzc.net/zw/sjsg/12.jpg" width=460 ;></P></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></TD></TR><tbody></TABLE></P>
<EMBED style="LEFT: 300px; WIDTH: 600px; POSITION: absolute; TOP: 8300px; HEIGHT: 960px" align=right src=http://imgfree.21cn.com/free/flash/33.swf width=500 height=960 type=application/octet-stream wmode="transparent" ;></EMBED >
    2)贴外加底图
   
  1. <body background=http://wanruo.jahee.com/yun/yun1/1.gif text=green></body>
复制代码
    显示效果:见本贴的已显示的黑底亮星底图
<body background=http://wanruo.jahee.com/yun/yun1/1.gif text=green></body>

    3)图片加多重动画
   
  1. <TABLE height=646 cellSpacing=0 cellPadding=0 width=550 align=center background=http://www.nhyz.org/student/2002/020575/_private/My%20Photos/haitan.jpg border=0><TR><TD><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/01.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/08.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/014.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"> </TD></TR></TABLE>
复制代码
    显示效果:
<TABLE height=646 cellSpacing=0 cellPadding=0 width=550 align=center background=http://www.nhyz.org/student/2002/020575/_private/My%20Photos/haitan.jpg border=0><TR><TD><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/01.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/08.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"><EMBED align=right src=http://wanruo.jahee.com/jpsc/flash2/014.swf width=550 height=646 type=application/octet-stream ;; quality="high" wmode="transparent"> </TD></TR></TABLE>

    4)全屏显示
    举例:
   
  1. </td></tr></table></td></tr></table></td></tr></table><center><IMG SRC=http://218.57.200.19/zmx/ziran/fengguang/buhaiyinsha/0004@.jpg></center>
复制代码
    显示效果:
</td></tr></table></td></tr></table></td></tr></table><center><IMG SRC=http://218.57.200.19/zmx/ziran/fengguang/buhaiyinsha/0004@.jpg></center>
[/SIZE][/COLOR]


回复 支持 反对

使用道具 举报

该用户从未签到

 楼主| 发表于 2004-11-14 21:54 | 显示全部楼层

===== HTML语言制贴快速入门 =====

[这个贴子最后由沧海茫茫在 2004/12/14 11:50pm 第 4 次编辑]

12月14日更新
八、附录
5、素材和实例
#Moderation Mode
以下内容需要积分高于 0 才可浏览



    素材通常指制贴的五要素,即:图片、音(视)频、特效、线条、边框。

    因为图片、音频(音乐)是构成作品的主要元素,一般选择容易和数量巨大,
所以不需重点介绍。下面推荐几个本人常用的图片、音乐网址,仅供参考!

    (1)图片网址

百度搜索图片网址
http://image.baidu.com/
GOOGLE图片搜索
http://images.google.com/imghp?hl=zh-CN
新浪图片搜索
http://pic.sina.com.cn/web/imgdir/
中国网神图片素材库
http://www.ws18.net/wysc/
正一艺术图片网站

http://ccd.zjonline.com.cn/

    (2)音乐网址
百度搜索音频(音乐)网址
http://mp3.baidu.com/
搜刮音乐网址
http://search.sogua.com/search/s ... Submit=SoGua+Search
中国音乐搜索
http://mp3.zhongsou.com
银杏之庭单曲网站

http://ginkgotree.tianyablog.com ... BlogName=ginkgotree

<TABLE cellSpacing=0 borderColorDark=#ffffff cellPadding=3 width=700 align=center bgColor=#ffffec borderColorLight=#ff9933 border=1><TBODY><TR><TD style="FONT-SIZE: 14px; COLOR: #ff0000" vAlign=center align=middle width=700 bgColor=#ffffcc colSpan=4>综合音乐网</TD></TR><TR><TD width="25%" height=20><A href="http://www.chinamp3.com/" target=_blank><FONT color=#000000>音乐极限</FONT></A><FONT color=#ff0000>√</FONT></TD><TD width="25%" height=20><A href="http://www.vchinese.com/home/home.jsp" target=_blank><FONT color=#000000>Channel[V]简体中文版</FONT></A></TD><TD width="25%" height=20><A href="http://www.channelv.com/" target=_blank><FONT color=#000000>Channel[V]</FONT></A></TD><TD width="25%" height=20><A href="http://www.incn.com/mp3.htm" target=_blank><FONT color=#000000>流行歌曲排行榜TOP500</FONT></A><FONT color=#ff0000>√</FONT></TD></TR><TR><TD width="25%" height=20><A href="http://www.cnmusic.com/" target=_blank><FONT color=#000000>中国音乐网</FONT></A><FONT color=#ff0000>√</FONT></TD><TD width="25%" height=20><A href="http://music.tyfo.com/" target=_blank><FONT color=#000000>天虎音乐网</FONT></A><FONT color=#ff0000>√</FONT></TD><TD width="25%" height=20><A href="http://music.gz163.cn/" target=_blank><FONT color=#000000>音乐的力量</FONT></A></TD><TD width="25%" height=20><A href="http://www.wanwa.com/" target=_blank><FONT color=#000000>网蛙</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.tvb.com.cn/music/" target=_blank><FONT color=#000000>新鲜音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.cctv.com/music/" target=_blank><FONT color=#000000>CCTV音乐频道</FONT></A></TD><TD width="25%" height=20><A href="http://www.cococ.com/" target=_blank><FONT color=#000000>可可西音乐</FONT></A></TD><TD width="25%" height=20><A href="http://cn.music.yahoo.com/" target=_blank><FONT color=#000000>Yahoo音乐频道</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.sogua.com/" target=_blank><FONT color=#000000>搜刮</FONT></A></TD><TD width="25%" height=20><A href="http://music.xaonline.com/" target=_blank><FONT color=#000000>古城音乐频道</FONT></A></TD><TD width="25%" height=20><A href="http://www.1234567.com/" target=_blank><FONT color=#000000>1234567音乐搜索</FONT></A></TD><TD width="25%" height=20><A href="http://www.bmr.com.cn/" target=_blank><FONT color=#000000>TOM音乐</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.incn.com/" target=_blank><FONT color=#000000>流行音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.netandtv.com/music/" target=_blank><FONT color=#000000>E视网_音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.mtv-china.com/" target=_blank><FONT color=#000000>MTV-China</FONT></A></TD><TD width="25%" height=20><A href="http://www.uptu.com/" target=_blank><FONT color=#000000>黑胶碟音乐网</FONT></A></TD></TR><TR><TD colSpan=4 height=28><FONT color=#ff0000><B>推广: </B></FONT>[<A href="http://www.ijcool.com/265/jsp/karaoke.jsp" target=_blank><FONT color=#000000>彩信也能卡啦OK</FONT></A>] [<A href="http://music.joyo.com/?source=265com" target=_blank><FONT color=#000000>网上选购CD/DVD,更方便,更实惠</FONT></A>] [<A href="http://www.baidu.com/baidu?tn=265com&word=%C3%C0%C8%DD" target=_blank><FONT color=#000000>美容</FONT></A>] [<A href="http://www.baidu.com/baidu?tn=265com&word=%B1%A3%BD%A1%C6%B7" target=_blank><FONT color=#000000>保健品</FONT></A>] [<A href="http://www.baidu.com/baidu?tn=265com&word=%C0%F1%C6%B7" target=_blank><FONT color=#000000>礼品</FONT></A>] </TD></TR><TR><TD width="25%" height=20><A href="http://www.sonymusic.com/" target=_blank><FONT color=#000000>Sony唱片</FONT></A></TD><TD width="25%" height=20><A href="http://hitmusic.chinavnet.com/" target=_blank><FONT color=#000000>滚石星空</FONT></A></TD><TD width="25%" height=20><A href="http://www.bjmusicweekly.com/" target=_blank><FONT color=#000000>音乐周报</FONT></A></TD><TD width="25%" height=20><A href="http://music.xidu.net/" target=_blank><FONT color=#000000>阿南在线 十一度</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://music.hdt.net.cn/" target=_blank><FONT color=#000000>邯郸音乐广场</FONT></A></TD><TD width="25%" height=20><A href="http://www.xiaoying.com.cn/" target=_blank><FONT color=#000000>厦门爱乐乐团</FONT></A></TD><TD width="25%" height=20><A href="http://www.mtv.com/" target=_blank><FONT color=#000000>MTV Networks[英]</FONT></A></TD><TD width="25%" height=20><A href="http://www.gznet.com/ev/music/" target=_blank><FONT color=#000000>广州视窗音乐频道</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.gotitmusic.com/" target=_blank><FONT color=#000000>高地音乐网</FONT></A></TD><TD width="25%" height=20><A href="http://www.emimusic.com.hk/" target=_blank><FONT color=#000000>百代音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.warnermusic.com.hk/" target=_blank><FONT color=#000000>华纳音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.chinanewmusic.com/" target=_blank><FONT color=#000000>中国新音乐网</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.music1234567.com/" target=_blank><FONT color=#000000>音乐蓝图</FONT></A></TD><TD width="25%" height=20><A href="http://www.eastradio.com/music/index.asp" target=_blank><FONT color=#000000>东广流行音乐频率</FONT></A></TD><TD width="25%" height=20><A href="http://www.etang.com/music/" target=_blank><FONT color=#000000>亿唐音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.av-world.com.cn/music/" target=_blank><FONT color=#000000>我爱音乐</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.zzip.com.cn/cncast/online/" target=_blank><FONT color=#000000>可听音乐网</FONT></A></TD><TD width="25%" height=20><A href="http://www.amusicday.com/" target=_blank><FONT color=#000000>感性音乐世界</FONT></A></TD><TD width="25%" height=20><A href="http://www.music.com.tw/" target=_blank><FONT color=#000000>飞行音乐站(big5)</FONT></A></TD><TD width="25%" height=20><A href="http://www.chinamedley.com/" target=_blank><FONT color=#000000>中华古韵</FONT></A></TD></TR><TR><TD colSpan=4 height=28><FONT color=#ff0000><B>推广: </B></FONT>[<A href="http://www.baidu.com/baidu?tn=265com&word=%CF%CA%BB%A8" target=_blank><FONT color=#000000>鲜花</FONT></A>] [<A href="http://www.baidu.com/baidu?tn=265com&word=%D2%F4%CF%F1" target=_blank><FONT color=#000000>音像</FONT></A>] </TD></TR><TR><TD width="25%" height=20><A href="http://www.xinhuanet.com/audio/" target=_blank><FONT color=#000000>新华网-音频-音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.hand2hand.com.cn/HCT/index.html" target=_blank><FONT color=#000000>北京手递手合唱团</FONT></A></TD><TD width="25%" height=20><A href="http://www.murcn.com/main.asp" target=_blank><FONT color=#000000>音乐共和-古典音乐门户</FONT></A></TD><TD width="25%" height=20><A href="http://www.pindie.com/song/man.htm" target=_blank><FONT color=#000000>品碟</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://junhuaerhu.wx-e.com/" target=_blank><FONT color=#000000>中国二胡网</FONT></A></TD><TD width="25%" height=20><A href="http://www.sh-symphony.com/" target=_blank><FONT color=#000000>上海交响乐团</FONT></A></TD><TD width="25%" height=20><A href="http://music.nx.cninfo.net/" target=_blank><FONT color=#000000>音乐风景线</FONT></A></TD><TD width="25%" height=20><A href="http://www.iwant-song.com/" target=_blank><FONT color=#000000>银河音乐系</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.hamusic.com/" target=_blank><FONT color=#000000>完全音乐网</FONT></A></TD><TD width="25%" height=20><A href="http://comemusic.com/" target=_blank><FONT color=#000000>來去音樂網</FONT></A></TD><TD width="25%" height=20><A href="http://www.erhu.org/big5/index.htm" target=_blank><FONT color=#000000>二胡练功房</FONT></A></TD><TD width="25%" height=20><A href="http://www.whatsfm.com/" target=_blank><FONT color=#000000>长沙音乐频道</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://music.sohu.com/" target=_blank><FONT color=#000000>搜狐音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.hereismusic.com/index.htm" target=_blank><FONT color=#000000>古典音乐</FONT></A></TD><TD width="25%" height=20><A href="http://www.qinweb.net/" target=_blank><FONT color=#000000>琴网</FONT></A></TD><TD width="25%" height=20><A href="http://www.wenyi.com/art/music/" target=_blank><FONT color=#000000>民族音乐 </FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.yalasol.com/index2.htm" target=_blank><FONT color=#000000>布达拉中国民乐精粹</FONT></A></TD><TD width="25%" height=20><A href="http://www.flamesky.org/yr/index.asp" target=_blank><FONT color=#000000>雅燃音乐天空</FONT></A></TD><TD width="25%" height=20><A href="http://www.tvb.com.cn/music/" target=_blank><FONT color=#000000>新鲜音乐</FONT></A></TD><TD width="25%" height=20><A href="http://yinyue-book.db66.com/" target=_blank><FONT color=#000000>音乐百科辞典网</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://music.bbvod.net/" target=_blank><FONT color=#000000>九州梦网--音乐频道</FONT></A></TD><TD width="25%" height=20><A href="http://www.aiyuechina.com/" target=_blank><FONT color=#000000>爱乐中国网</FONT></A></TD><TD width="25%" height=20><A href="http://www.xuanke.com/" target=_blank><FONT color=#000000>宣科古乐网</FONT></A></TD><TD width="25%" height=20><A href="http://www.123xm.com/" target=_blank><FONT color=#000000>老鹰录音棚</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.starwinmusic.com/" target=_blank><FONT color=#000000>星文音乐</FONT></A></TD><TD width="25%" height=20><A href="http://music.km169.net/" target=_blank><FONT color=#000000>昆明热线--音乐彩虹</FONT></A></TD><TD width="25%" height=20><A href="http://www.my8783.com/" target=_blank><FONT color=#000000>不见不散原创音乐网</FONT></A></TD><TD width="25%" height=20><A href="http://www.iwmusic.com/" target=_blank><FONT color=#000000>飞行网</FONT></A></TD></TR><TR><TD width="25%" height=20><A href="http://www.guitarchina.com/" target=_blank><FONT color=#000000>吉他中国</FONT></A></TD><TD width="25%"></TD><TD width="25%"></TD></TR></TBODY></TABLE>

    下面重点提供后三项。
    (3)FLASH特效素材

    这里所说的FLASH特效素材,是指能够作为透明的、对图片和贴面有辅助效果的FLASH,这些FLASH很多网站都有,总数可能有几百个。下面贴出10个我常用的,其它见“吟风听月”在电脑版的介绍,在此也感谢他:
http://bbs.shiandci.net/cgi-bin/ ... eplynum=0&show=

[1]游动闪光
  1. http://imgfree.21cn.com/free/flash/5.swf
复制代码
http://imgfree.21cn.com/free/flash/5.swf
[2]中心四射闪光
  1. http://imgfree.21cn.com/free/flash/16.swf
复制代码
http://imgfree.21cn.com/free/flash/16.swf
[3]两只蓝蝴蝶
  1. http://imgfree.21cn.com/free/flash/9.swf
复制代码
http://imgfree.21cn.com/free/flash/9.swf
[4]三只蜻蜓加闪星
  1. http://imgfree.21cn.com/free/flash/51.swf
复制代码
http://imgfree.21cn.com/free/flash/51.swf
[5]飘落的紫色五瓣花
  1. http://imgfree.21cn.com/free/flash/33.swf
复制代码
http://imgfree.21cn.com/free/flash/33.swf
[6]冰雹雨
  1. http://imgfree.21cn.com/free/flash/6.swf
复制代码
http://imgfree.21cn.com/free/flash/6.swf
[7]花瓣落红
  1. http://imgfree.21cn.com/free/flash/49.swf
复制代码
http://imgfree.21cn.com/free/flash/49.swf
[8]飞鸟东去
  1. http://imgfree.21cn.com/free/flash/59.swf
复制代码
http://imgfree.21cn.com/free/flash/59.swf
[9]红心向上
  1. http://imgfree.21cn.com/free/flash/61.swf
复制代码
http://imgfree.21cn.com/free/flash/61.swf
[10]青云东飘
  1. http://hlm.nease.net/swf/red/cloud.swf
复制代码
http://hlm.nease.net/swf/red/cloud.swf
    (4)线条素材
    线条素材因为“云在天 水在瓶”已经提供了十多贴好图,在此借用并感谢她。
http://bbs.shiandci.net/cgi-bin/ ... eplynum=1&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=2&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=3&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=4&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=5&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=6&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=7&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=8&show=
http://bbs.shiandci.net/cgi-bin/ ... eplynum=9&show=
http://bbs.shiandci.net/cgi-bin/ ... plynum=10&show=

    (5)外框素材
    纯色外框素材
    长条形
http://www.wtv-zone.com/BannerzRus/img4/pr1.gif
http://www.wtv-zone.com/BannerzRus/img4/pr2.gif
http://www.wtv-zone.com/BannerzRus/img4/pr3.gif
http://www.wtv-zone.com/BannerzRus/img4/pr4.gif
http://www.wtv-zone.com/BannerzRus/img4/pr5.gif
http://www.wtv-zone.com/BannerzRus/img4/pr6.gif
http://www.wtv-zone.com/BannerzRus/img4/pr7.gif
http://www.wtv-zone.com/BannerzRus/img4/lpr1.gif
http://www.wtv-zone.com/BannerzRus/img4/lpr2.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr3.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr4.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr5.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr6.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr7.gif
http://www.wtv-zone.com/BannerzRus/img4/lgr8.gif
http://www.wtv-zone.com/BannerzRus/img4/gr1.gif
http://www.wtv-zone.com/BannerzRus/img4/gr2.gif
http://www.wtv-zone.com/BannerzRus/img4/gr3.gif
http://www.wtv-zone.com/BannerzRus/img4/dg8.gif
http://www.wtv-zone.com/BannerzRus/img4/dg9.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr1.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr2.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr3.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr4.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr5.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr6.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr7.gif
http://www.wtv-zone.com/BannerzRus/img4/dpr8.gif
http://www.wtv-zone.com/BannerzRus/img4/dr1.gif
http://www.wtv-zone.com/BannerzRus/img4/dr3.gif
http://www.wtv-zone.com/BannerzRus/img4/dr4.gif
http://www.wtv-zone.com/BannerzRus/img4/dr6.gif
http://www.wtv-zone.com/BannerzRus/img4/dr7.gif
http://www.wtv-zone.com/BannerzRus/img4/dr8.gif
http://www.wtv-zone.com/BannerzRus/img4/y1.gif
http://www.wtv-zone.com/BannerzRus/img4/y2.gif
http://www.wtv-zone.com/BannerzRus/img4/y3.gif
http://www.wtv-zone.com/BannerzRus/img4/y4.gif
http://www.wtv-zone.com/BannerzRus/img4/y5.gif
http://www.wtv-zone.com/BannerzRus/img4/y6.gif
http://www.wtv-zone.com/BannerzRus/img4/b2.gif
http://www.wtv-zone.com/BannerzRus/img4/b3.gif
http://www.wtv-zone.com/BannerzRus/img4/b4.gif
http://www.wtv-zone.com/BannerzRus/img4/b5.gif
http://www.wtv-zone.com/BannerzRus/img4/b6.gif
http://www.wtv-zone.com/BannerzRus/img4/b7.gif
http://www.wtv-zone.com/BannerzRus/img4/b8.gif

    方形
<IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBLUE.jpg');" src="http://www.marieb.com/MB_TILEBLUE.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBLUELITE.jpg');" src="http://www.marieb.com/MB_TILEBLUELITE.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBROWN.jpg');" src="http://www.marieb.com/MB_TILEBROWN.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBROWNLITE.jpg');" src="http://www.marieb.com/MB_TILEBROWNLITE.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBROWNDARK.jpg');" src="http://www.marieb.com/MB_TILEBROWNDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGRAY.jpg');" src="http://www.marieb.com/MB_TILEGRAY.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGRAYDARK.jpg');" src="http://www.marieb.com/MB_TILEGRAYDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGRAYMEDIUM.jpg');" src="http://www.marieb.com/MB_TILEGRAYMEDIUM.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGREEN.jpg');" src="http://www.marieb.com/MB_TILEGREEN.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGREENDARK.jpg');" src="http://www.marieb.com/MB_TILEGREENDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEGREENLITE.jpg');" src="http://www.marieb.com/MB_TILEGREENLITE.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILERED.jpg');" src="http://www.marieb.com/MB_TILERED.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEREDDARK.jpg');" src="http://www.marieb.com/MB_TILEREDDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEBLUEDARK.jpg');" src="http://www.marieb.com/MB_TILEBLUEDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEPRPLDARK.jpg');" src="http://www.marieb.com/MB_TILEPRPLDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEPRPLLITE.jpg');" src="http://www.marieb.com/MB_TILEPRPLLITE.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEYELLOWDARK.jpg');" src="http://www.marieb.com/MB_TILEYELLOWDARK.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.marieb.com/MB_TILEYELLOW.jpg');" src="http://www.marieb.com/MB_TILEYELLOW.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0>
-----------------------------------------------------------------------
<DIV style="WIDTH: 100px; HEIGHT: 20px"><SPAN class=smalltxt><FONT size=2>第2</FONT></SPAN> </DIV><SPAN class=bold><SPAN class=smalltxt></SPAN></SPAN><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj01.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj01.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj02.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj02.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj03.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj03.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj04.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj04.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj05.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj05.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj06.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj06.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj07.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj07.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj08.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj08.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj09.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj09.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj10.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj10.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj11.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj11.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj12.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj12.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj13.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj13.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj14.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj14.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj15.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj15.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj16.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj16.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj17.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj17.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj18.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj18.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj19.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj19.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj20.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj20.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj21.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj21.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj22.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj22.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj23.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj23.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0><IMG onmouseover="if(this.alt) this.style.cursor='hand';" onclick="window.open('http://www.inaoep.mx/~sole/Fondos/roj24.jpg');" src="http://www.inaoep.mx/~sole/Fondos/roj24.jpg" onload="if(this.width>screen.width-333) {this.width=screen.width-333;this.alt='Click Here to Open New Window';}" border=0>
    编后话:由于HTML代码作贴的方法很多,每个人的理解和使用也不同,又加上本人水平低浅,所以更有舍简求繁、法不达意的做法;也许还有不少错误,在此顺致歉意。
    在此次成贴过程中,受到八闽和齐鲁朋友们的鼓励,甚感鼓舞,所以也就硬着头皮继续下去;另外也感谢其他朋友的指正和帮助,如吟风和云水等。
    原意是想作成“HTML语言快速入门”,实际上却长篇累牍,遗憾!有些制贴特效由于过于烦琐也就没有汇编在内;再则制作外框方案和内容很多也不是本贴所能完成,如果有时间,以后专门搞个“典型外框汇编”,再来请诸位指教。



    本来还准备个“典型外框汇编”,现在看必要性不大了,四季歌转了一个成套外框汇编,大家可以学习:
http://bbs.shiandci.net/cgi-bin/ ... c=13915&show=50

<center><STRONG><EM><FONT face=华文行楷><FONT color=#ff00ff><FONT size=6><FONT color=#ff0000>沧</FONT><FONT color=#ff3c00></FONT><FONT color=#ff7800>海</FONT><FONT color=#ffb400>茫</FONT><FONT color=#c0c000>茫</FONT><FONT color=#70c000>在</FONT><FONT color=#20c000>此</FONT><FONT color=#00c02f>祝</FONT><FONT color=#00c07f>朋</FONT><FONT color=#00c0cf>友</FONT><FONT color=#00a8ff>们</FONT><FONT color=#006cff>愉</FONT><FONT color=#0030ff>快</FONT><FONT color=#0f00ff>每</FONT><FONT color=#5f00ff>一</FONT><FONT color=#af00ff>天</FONT><FONT color=#ff00ff>…</font></FONT></FONT></FONT></EM></STRONG></center>



回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2004-11-14 23:20 | 显示全部楼层

===== HTML语言制贴快速入门 =====

谢沧海兄,固项了:)
知道沧海兄忙于打理琴版,还是做了这个不情之请,请沧海兄把这个贴子也发到齐鲁,实在是想齐鲁的枫舵主啊,春来啊,小白啊,茶MM,霁红GG(应该差不多哈,呵呵)。。。大家都来学习学习吧。。。可以先用FRONTPAGE练习一下,偶也在学。。。
回复 支持 反对

使用道具 举报

该用户从未签到

发表于 2004-11-14 23:30 | 显示全部楼层

===== HTML语言制贴快速入门 =====

scrollDelay=150,呵呵,终于知道这是什么意思了。。。
回复 支持 反对

使用道具 举报

  • TA的每日心情
    开心
    2023-4-15 08:35
  • 签到天数: 462 天

    连续签到: 1 天

    [LV.9]以坛为家II

    发表于 2004-11-15 08:13 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由一羁红尘2004/11/14 11:30pm 发表的内容:
    scrollDelay=150,呵呵,终于知道这是什么意思了。。。
    有空查查字典,呵呵
    scroll==滚动 Delay=延长
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-15 18:58 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    辛苦了沧海兄:)谢谢:)
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-15 21:14 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由吟风听月2004/11/15 08:13am 发表的内容:
    有空查查字典,呵呵
    scroll==滚动 Delay=延长
    偶真是太懒了,吟风教导的是:)
    回复 支持 反对

    使用道具 举报

    该用户从未签到

     楼主| 发表于 2004-11-15 23:20 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由花溅泪美2004/11/15 06:58pm 发表的内容:
    辛苦了沧海兄:)谢谢:)
    只在水潭看过欢快的花溅泪美,没想到还系仙东银。。。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-16 20:14 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由沧海茫茫2004/11/15 11:20pm 发表的内容:
    只在水潭看过欢快的花溅泪美,没想到还系仙东银。。。
    呵呵,花MM好象不是哎。。。
    沧海兄又加内容了,一直想知道那字是怎么跳的呢:)
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-27 09:32 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    等晚上再来细看。。。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-28 11:10 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    正在学习.......
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-28 11:12 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    沧海兄,可以转贴吗?想贴到我们系统的内部网上去。。。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

     楼主| 发表于 2004-11-28 12:49 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    红尘:最好让大家再提提意见,就怕有错误人!另外,你那个内部网用的网页语言版本是否与唐宋一致,你考察一下,可能会有些问题;你定,转了,不要被人骂就好,呵呵。。。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-28 14:47 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由沧海茫茫2004/11/28 12:49pm 发表的内容:
    红尘:最好让大家再提提意见,就怕有错误人!另外,你那个内部网用的网页语言版本是否与唐宋一致,你考察一下,可能会有些问题;你定,转了,不要被人骂就好,呵呵。。。

    恩,好吧,我等几天再转。。。我在那里发过HTML贴子,知道差不多的,被骂是不可能滴。。。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-28 15:32 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    呵呵,我再来学习一下
    又加新内容了啊!
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-28 16:06 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由文清心2004/11/28 03:32pm 发表的内容:
    呵呵,我再来学习一下
    又加新内容了啊!
    清心,一起学啊。。。
     
    沧海兄,问个问题:type=application/octet-stream 用于添加动画的这个代码我从未用过,是什么意思,不用不会影响到什么吧?
    回复 支持 反对

    使用道具 举报

    该用户从未签到

     楼主| 发表于 2004-11-28 23:54 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由一羁红尘2004/11/28 04:06pm 发表的内容:
    清心,一起学啊。。。
     
    沧海兄,问个问题:type=application/octet-stream 用于添加动画的这个代码我从未用过,是什么意思,不用不会影响到什么吧?
    据我了解,type=application/octet-stream 与type=application/x-shockwave-flash的作用相同,可以通用;两种代码表示FLASH采用的解码运算方式,前者是表示采用8bit=1Byt的运算流方式,后者表示采用标准的FLASH运算方式。其实现在的网络已经默认,都可以不要。以上只是道听途说,不足为据。
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    发表于 2004-11-29 20:31 | 显示全部楼层

    ===== HTML语言制贴快速入门 =====

    下面引用由沧海茫茫2004/11/28 11:54pm 发表的内容:
    据我了解,type=application/octet-stream 与type=application/x-shockwave-flash的作用相同,可以通用;两种代码表示FLASH采用的解码运算方式,前者是表示采用8bit=1Byt的运算流方式,后者表示采用标准的FLASH ...
    谢谢:)
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    QQ|小黑屋|《唐诗宋词》网站 ( 苏ICP备2021032776号 )

    GMT+8, 2025-7-11 04:23 , Processed in 0.123489 second(s), 18 queries .

    Powered by Discuz! X3.4

    Copyright © 2001-2021, Tencent Cloud.

    快速回复 返回顶部 返回列表