游子教你做音画贴

欢迎您！启步学代码。

（游子学习笔记。 供初学HTML代码的朋友参考） 音画贴编辑小平台

为了方便编辑音画贴，将常用的一些HTML标签代码资料和素材集中在此备用，这是最简单的代码编辑小平台．做音画贴要记住很多用英文写成的代码．像我一样不懂英文，根本就是没办法，只好采用复制修改套用代码的笨方法， 同时省去手动打字之劳．启步学代码，这个小平台，可以即学即用，立马见效．做法是：复制要用的标签或模式的代码，粘贴到下面HTML编辑浏览器，修改文字或图片地址等对象内容即可．

击点打开：HTML编辑浏览器

击点打开：HTML在线编辑器

常用字体代码：

宋体　黑体　幼圆 　 隶书　新宋体　华文新魏　华文行楷　　华文细黑 华文彩云

方正姚体　　楷体_GB2312　　仿宋_GB2312

◆常用颜色代码◆

红色

#FF0000 黄色

#FFFF00 暗青色

#008B8B 碧绿色

#7FFFD4 白色

#FFFFFF 蓝色

#0000FF 紫罗兰

#8A2BE2 褐色

#A52A2A 黑色

#000000 黄绿色

#7FFF00

巧可力

#D2691E 珊瑚色

#FF7F50 菊兰色

#6495ED 暗深红

#DC143C 青色

#00FFFF 暗金黄

#B8860B 暗灰色

#A9A9A9 暗绿色

#006400 桃色

#FFDAB9 暗红色

#8B008B

红紫色

#FF00FF 暗灰蓝

#483D8B 墨绿色

#2F4F4F 亮肉色

#FFA07A 米绸色

#FFF8DC 粟色

#800000 橙色

#FFA500 热粉红

#FF69B4 金色

#FFD700 茶色

#D2B48C

击点：更多的颜色代码.

编辑音画贴各种素材

◇黑马图片素材资源◇七色图片素材资源◇玫瑰图片素材资源◇中华图片素材资源

◇智慧漂亮相框素材◇忆石漂亮相框素材◇中国专业素材图库◇中华三合一边框素材

◆常用HTML标签代码◆

◆１．文字设置代码：

<font face=黑体 size=4 color=red>文字设置代码</font>

◆２．大号文字设置代码：

<font face=黑体 style=font:50pt color=red>文字设置代码</font>

◆３．文字的边外加光辉效果代码：

<div style="FILTER: Glow(color=#0000ff,strength=12); HEIGHT: 6pt"> <FONT style="FONT-SIZE: 60pt;FONT-FAMILY:隶书; COLOR: #ffff00"> 如画江山</FONT></div>

◆４．文字重叠效果代码：

<div style="FONT-SIZE:70pt;filter:dropshadow(color=#000000,offX=5,offY=3,Positive=1);WIDTH:100%; COLOR:#60A000;LINE-HEIGHT:150%"> <FONT style="FONT-FAMILY:隶书">社会主义好！</FONT> </div>

◆５．文字竖排代码：

<p align=RIGHT> <font style="WRITING-MODE: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪，<br> 三军过后尽开颜。<br> ．．．．．<br> </FONT></P>

◆６．一条横线代码：

<CENTER> <HR SIZE=2 color=#ffff00 ALIGN=CENTER WIDTH="500"> </CENTER>

◆７．贴图代码1：

<img src="图片地址">

◆８．贴图代码2：

<INPUT src="图片地址" type=image width=500>

◆９．羽化图片代码：

<INPUT style="FILTER: alpha(opacity=100,style=2)" INPUT src="图片地址" type=image width=400>

◆１０．超连接代码：

<A href="连接网页地址" target=_blank>说明文字</A>

◆１１．从左向右移动的代码：

<MARQUEE scrollAmount=3 direction=right> 文字或图片从左向右移动 </marquee>

◆１２．从右向左移动的代码：

<marquee scrollamount=2 direction=left> 文字或图片从右向左移动 </marquee>

◆１３．从下向上移动的代码：

<marquee scrollamount=1 direction=up > 文字或图片从下向上移动 </marquee>

◆１４．从上向下移动的代码：

<marquee scrollamount=5 direction=down >文字或图片从下向上移动 </marquee>

◆１５．左右来回走移动的代码：

<marquee scrollamount=8 behavior=alternate > 文字或图片左右来回走移动 </marquee>

◆１６．相对定位代码：

<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">

</DIV>

◆１７．绝对定位代码：

<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >

</DIV>

◆１８．相对定位与绝对定位加叠图片代码：

<DIV style="LEFT: 0px; WIDTH: 500px; POSITION: relative; TOP: 20px; HEIGHT: 200px; ridge:">

<DIV style="LEFT: 300px; WIDTH: 220px; POSITION: absolute; TOP: 20px; HEIGHT: 220px" >

<INPUT type=image width=160 src="//bbs.gw.com.cn/UploadFile/2008-6/20086111653319630.jpg" >

</INPUT> </DIV> </DIV>

◆１９．各种常用标签语句：

<BR>　过行单标签．　　<p></p> 过段标签．　<pre>文字依原始样式显示标签</pre>

&nbsp;一个空格．　　<li>文字行首加一个圆点．</li>圆点标签．

◆２０．定位标签代码：

<CENTER>内容居中</CENTER>

<DIV align=center> 内容居中</DIV>

<p align=CENTE>内容居中</P>

<p align=LEFT>内容居左</P>

<p align=RIGHT>内容居右</P>

水平加竖直定位指令语句（放在表格的列标签内）：

<td align=LEFT valign=top>居左靠顶</td>

<td align=center valign=top>居中靠顶</td>

<td align=right valign=top>居右靠顶</td>

<td align=LEFT valign=bottom>居左靠底</td>

<td align=center valign=bottom>居中靠底</td>

<td align=right valign=bottom>居右靠底</td>

◆２１．银色播放器代码：

<EMBED src="音乐文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">

编辑音画贴的各种代码：

1-颜色背景图框

2-图片背景的图框

3-红色背景淡化的图框

4-三合一图框

103 5-10层图框代码

6--带滚动条文本框代码

104 7-图片加Flash和文字

8-网页上绝对定位贴Flash

105 ９-单元格定位内容居中

１０-图片加立体边框代码

106 １１-立体阴影框代码

１２-图片左右颠倒实例代码

107 １３-粒状阴影边框代码

１４-HTML代码编辑浏览框

108 １５-文字边外加光辉效果代码

１６-文字阴影果代码２

108 １７-文字阴影效果代码4

１８-文字阴影果代码

108 １９-靠右插入竖排文字

２０-绝对定位挂贴竖排文字1

108 ２１-绝对定位挂贴竖排文字2

２２-绝对定位挂贴竖排文字代码模块

108 ２３-文字从下向上移动的代码

２４-整张页面来回移动的代码

２５-图片文字走四方的代码

２６-斜着移动合并的代码

２７-绝对定位挂贴Flash

２８-绝对定位相片加叠相框

２９-羽化图片绝对定位加叠文字、图片和Flash

３０-绝对定位加叠文字、图片和Flash

原创编辑：游子

（为了让更多网友学用html代码制作音画贴，本贴 欢迎转载．但是．我用了很多时间和精力编写这些资料的，转载时请注意网络上的荣辱公德不要把原创编辑游子的名字改掉。谢谢！）