常用网页代码 - [
分享時刻【go_shares】 ]
¤彩色背景¤
<div style="width:100%;height:100%;background-color:#ffb6c1;">日志文字</div>
¤图片¤
<IMG height=50 src=图片的地址 width=60>
图片的网址：是指要找图片的URL地址。形如http://xxx.xxxx.com/xxx.jpg
height代表图片高度50，width代表图片宽度60。一般情况下，我们贴图不需要指定这两个参数，除非特殊情况下你需要自己指定大小的时候。所以一般情况下，使用如下的代码帖图即可。
<IMG src=http://xxx.xxxx.com/xxx.jpg>
对于页面中图片位置的控制，可以使用日志编辑器里简单命令，另外也可通过加入下述语法实现图片与文字的完美结合。举例如下：
align=left 文字置于图片的右边，并与其紧密结合
align=right文字置于图片的右边，并与其紧密结合
align=top 文字对齐图片顶端
align=middle 文字对齐图片中部
align=bottom 文字对齐图片底端
¤背景音乐¤
<IMG height=0 loop=infinite dynsrc=音乐的网址 width=0 border=0>
音乐的网址：是指要找音乐的URL地址。形如http://xxx.xxxx.com/xxx.wma
Loop控制循环次数，infinite代表不停循环。
一般只推荐wma格式的音乐文件，由于mp3文件过大，开始播放前需要等待时间过长，不适合做背景音乐。
¤视频¤
<IMG height=240px width=320px loop=infinite dynsrc=流媒体文件链接>
IMG后的Height和Width分别控制视频画面的高度和宽度，你可以根据需要自行调整，如果这里你都设置成0的话，那么就只有音乐看不到图像，这也等同于插入背景音乐的效果。Loop控制循环次数，infinite代表不停循环。
对于页面中视频位置的控制，可以使用日志编辑器里简单命令，另外也可通过加入下述语法实现视频与文字的完美结合。举例如下：
align=left 文字置于视频的右边，并与其紧密结合
align=right文字置于视频的右边，并与其紧密结合
align=top 文字对齐视频顶端
align=middle 文字对齐视频中部
align=bottom 文字对齐视频底端
¤彩色边框¤
<div STYLE="border-style:solid;border-width:5pt; border-color:blue">日志文字</div>
<DIV style="BORDER-RIGHT: #ddcc00 2px solid; BORDER-TOP: #00ccdd 2px solid; BORDER-LEFT: #ffee99 2px solid; BORDER-BOTTOM: #336699 2px solid; BACKGROUND-COLOR: #ccffcc">日志文字</DIV>
¤双线框¤
<div STYLE="border-style:Double;border-width:5pt; border-color: #f0e68c">
<div style="width:100%;height:100%;background-color:#66cdaa">日志文字</div></div>
¤立体线框¤
<div style= "border-top-style:Ridge;border-right-style:Ridge;border-left-style:Ridge;
border-bottom-style:Ridge;border-width:7pt; background-color:#8B008B"><div style="width:100%;height:100%;background-color:#f0e8cd">日志文字</div></div>
Border-left-style:solid (double, groove, ridge, inset, outset)边框样式
Border-left-color: #xxxxxx边框颜色
Border-left-width: xpt 边框粗细
¤滚动文本框¤
<DIV align=left
style='
color: #336699;
background-color:#dcdcdc;
border: solid 3px blue;
width: 450px;
height: 150px;
overflow: scroll;
scrollbar-face-color: #ffd700;
scrollbar-shadow-color: #e0ffff;
scrollbar-highlight-color: #fa8072;
scrollbar-3dlight-color: #ff0000;
scrollbar-darkshadow-color: #afeeee;
scrollbar-track-color: #ffb6c1;
scrollbar-arrow-color: #e6e6fa;
'>日志文字</DIV>
¤实线双线外凸虚线¤
<div style="border: 1px dashed #000000;background-color:#FFFFE0">日志文字</div>
<div style="border:1px solid #000000;">日志文字</div>
<div style="border-style:outset; border-width:1px;">日志文字</div>
<div style="border:3px double #000000;">日志文字</div>
<div style="border:1px dashed #000000;">日志文字</div>
¤文字特效¤
<FONT style="FONT-SIZE: 20pt; FILTER: shadow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#996633>日志文字</FONT> 日志文字
<FONT style="FONT-SIZE: 20pt; FILTER: glow(color=pink); WIDTH: 100%; FONT-FAMILY: 华文彩云" color=#993366>日志文字</FONT>日志文字
<FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 20px; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 200px" color=#9900ff>日志文字</FONT>
日志文字
<DIV style="FILTER: glow(color=#ff6600,strength=3); COLOR: #000000; HEIGHT: 10px">日志文字</DIV> 日志文字
¤邮票特效¤
<DIV align=left>
<DIV class=content style="BORDER-RIGHT: #ccccff dashed; BORDER-TOP: #ccccff dashed; BORDER-LEFT: #ccccff dashed; WIDTH: 82.78%; COLOR: #0000ff; BORDER-BOTTOM: #ccccff dashed; HEIGHT: 85.66%; BACKGROUND-COLOR: #ccccff" align=center>日志文字</DIV></DIV>
¤背景图片¤
<div style="WIDTH: 180px; HEIGHT: 120px;">
<img src="http://upload.mop.com/user/2005/03/19/8ff81d69.bmp" align="right">
<div style="float:left; background-color: TRANSPARENT;WIDTH: 180px; HEIGHT:120; ">
<br>
<font color="#0099ff">日志文字</font></div></div>
¤发亮文字¤
效果：你所要显示的文字 ABCDEFG 世界和平 无
代码:
<FONT style="FILTER: glow(color=green,strength=3); CURSOR: hand; HEIGHT: 1px" color=#ffffff size=3>你所要显示的文字</font>
这里只是一些简单的常用的代码!!!
<div style="FILTER: glow(color=#ff0000); COLOR: #ff0000; HEIGHT: 10px"><font color="#FFFFFF">正文内容。前面代码插入段落的开头，后面代码插入段落的最后</font></div>
释疑：<div>为定位标记，一般效果都是通过<div>产生定位的，</div>为定位标记的结束标识，简单来说就是定义效果的起始和结束。你需要修改的是color处，随便找一个图像软件，调色器里就可以看到颜色的代码，比如说纯红色的代码就是ff0000，白色代码是ffffff，依此类推。font color处是字体颜色，所以你可以看懂PauL上面放的那段代码就是白色字体发红光。
glow则是一种css光晕滤镜，类似的还有DropShadow滤镜是嵌入阴影，Shadow是投射阴影，在此就不做深入探讨了。。
如果你实在不会编辑html，那PauL教你一个很简单的方法，不需要edit it!也可以做到。你直接把这段代码当作一个链接插进去，看到了吗？编辑框里出现一个定位层，里面就是发光的字体，直接双击进入写字就行了，然后定位层之前还会出现一些假链接，删之即可。
一句代码直接插入，比你从任何地方看到的都要简单：
<P><IMG dynsrc=http://www.smartclub.com.cn/smart_sms/music/male/hktk.wma height=0 width=0 align=center border=0></P>
释疑：把此段代码嵌入任何一篇日志的开头即可，红色代码部分是你需要修改的网络音频地址，在此特注明：不要直接用例如baidu搜索引用的音乐网址，要等它完全显示出原本文件的下载地址才可以！dynsrc支持Wav、Avi、AIFF、AU、MP3、Ra、Ram格式的音频文件。不过PauL奉劝你：超过1M的文件就不要用啦，小心人家打不开下次不来你这里了，呵呵。
3 强调文字
<font style="BACKGROUND-COLOR:#FF0000" color="#FFFFFF">...</font>
- style="BACKGROUND-COLOR:#FF0000：底色－紅色
- color="#FFFFFF"：文字顏色－白色
是該面對自己的時候了，一直逃避也不是辦法。
4
底線：<font style="text-decoration: underline">...</font>
msn Spaces 的連結都沒有底線，可以<a href='...' style="text-decoration: underline">...</a>，如[目錄]
刪除線：<font style="text-decoration: line-through">...</font>
頂線：<font style="text-decoration: overline">...</font>
5
線框：
<div style="border:1px solid #000000;">實線</div>
<div style="border-style:outset; border-width:1px;">外凸</div>
<div style="border:3px double #000000;">雙線</div>
<div style="border:1px dashed #000000;">虛線</div>
字色：
<div style="color:#008000">字色</div>
底色：
<div style="background-color:#FFFFE0">底色</div>
寬度：
<div style="width:200">寬度為200</div>
位置（文繞圖）：
<div style="float:right">色</div>
<div style="float:left">色</div>
AAAAAAAAAAAAAAAAA
BBBBBBBBBBBBBBBBBB
※經測試，無法使用背景圖（background-image:url('...')）。
有朋友問到如何變更顏色，其實像 #000000，#FFFFE0 都是顏色的代碼。像 #FF0000，#00FF00，#0000FF。以下是可以查詢顏色代碼的網頁：4096 Color Wheel Version 2.1 、Color Schemer - Online Color Scheme Generator、[ws] Color Scheme Generator 2