最简单的编辑代码 最简单的编辑代码

最简单的编辑代码

2010-10-10 07:30:16| 分类： 博客代码 |字号 订阅
本文引用自平安如意《最简单的编辑代码》

ttp://xhlxhmg.blog.163.com/blog/static/172203584201091073016849/

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

击点打开:html编辑浏览器

击点打开:html在线编辑器

常用字体代码:

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

　　方正姚体　　楷体_gb2312　　仿宋_gb2312　　　　

◆常用颜色代码◆　

红色
#00ffff

黄色
#ffff00

暗青色
#008b8b

碧绿色
#7fffd4

白色
#ffffff

蓝色
#0000ff

紫罗兰
#8a2be2

褐色
#a52a2a

黑色
#000000

黄绿色
#7fff00

巧可力
#d2691e

珊瑚色
#ff7f50

菊兰色
#******95ed

暗深红
#dc143c

青色
#00ffff

暗金黄
#b******60b

暗灰色
#a9a9a9

暗绿色
#00******00

桃色
#ffdab9

暗红色
#8b008b

红紫色
#00ffff

暗灰蓝
#483d8b

墨绿色
#2f4f4f

亮肉色
#ffa07a

米绸色
#fff8dc

粟色
#800000

橙色
#ffa500

热粉红
#ff69b4

金色
#ffd700

茶色
#d2b48c



编辑音画贴各种素材

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

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



◆常用html标签代码◆

◆1.文字设置代码:

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

　◆2.大号文字设置代码:
<font face=黑体 style=font:30pt color=red>文字设置代码</font>

◆3.文字的边外加光辉效果代码:

<div style="filter: glow(color=#0000ff,strength=12); height: 6pt"> <font style="font-size: 60pt;font-family:隶书; color: #ffff00"> 如画江山</font></div>


　
◆4.文字重叠效果代码:
<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>

◆5.文字竖排代码:

<p align=right> <font style="writing-mode: tb-rl"style=font:14pt color=0000ff> 更喜岷山千里雪,<br> 3军过后尽开颜.<br> .....<br> </font></p>　

　 ◆6.1条横线代码:
<center> <hr size=2 color=#ffff00 align=center width="500"> </center>

◆7.贴图代码1:

<img src="图片地址">

　
　 ◆8.贴图代码2:
<input src="图片地址" type=image width=500>

◆9.羽化图片代码:

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

◆10.超连接代码:
<a href="连接网页地址" target=_blank>说明文字</a>　　

◆11.从左向右移动的代码:
<marquee scrollamount=3 direction=right> 文字或图片从左向右移动 </marquee> 　

　
◆12.从右向左移动的代码:
<marquee scrollamount=2 direction=left> 文字或图片从右向左移动 </marquee> 　

◆13.从下向上移动的代码:
<marquee scrollamount=1 direction=up > 文字或图片从下向上移动 </marquee>

　
　◆14.从上向下移动的代码:
<marquee scrollamount=5 direction=down >文字或图片从下向上移动 </marquee>

　　◆15.左右来回走移动的代码:

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

　
◆16.相对定位代码:
<div style="left: 0px; width: 500px; position: relative; top: 20px; height: 200px; ridge:">

</div>

◆17.绝对定位代码:

<div style="left: 300px; width: 220px; position: absolute; top: 20px; height: 220px" >

</div>

　
　◆18.相对定位与绝对定位加叠图片代码:
<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="http://bbs.gw.com.cn/uploadfile/2008-6/20086111653319630.jpg" >

</input> </div> </div>

　

　
　◆19.各种常用标签语句:
<br>　过行单标签.　　<p></p> 过段标签.　<pre>文字依原始样式显示标签</pre>　

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

　
　◆20.定位标签代码:
<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>

　
　◆21.银色播放器代码:
<embed src="音乐文件地址" width=500 height=50 type=audio/x-ms-wma autostart="true" loop="true">