博客基本代码(二)
1)贴 图:<img src="图片地址">
(2)加入连接:<a href="所要连接的相关地址">写上你的字</a>
(3)新窗口打开连接:<a href="相关地址" target="_blank">写上你的字</a>
(4)移动字体:<marquee>写上你的字</marquee>
(5)字体加粗:<b>写上你的字</b>
(6)字体斜体:<i>写上你的字</i>
(7)字体下划线: <u>写上你的字</u>
(8)字体删除线: <s>写上你想写的字</s>
(9)字体加大: <big>写上你想写的字</big>
(10)字体控制大小:<h1>写上你想写的字</h1> (其中字体大小可从h1-h5,h1最大,h5最小)
(11)更改字体颜色:<font color="#value">写上你想写的字</font>(其中value值在000000与ffffff之间)
(12)消除连接的下划线:<a href="相关地址" style="text-decoration:none">写上你想写的字</a>
(13)贴音乐:<embed src="音乐地址" width="宽度" height="高度" autostart=false>
(14)贴flash: <embed src="flash地址" width="宽度" height="高度">
(15)贴影视文件:<img dynsrc="文件地址" width="宽度" height="高度" start=mouseover>
(16)空格:
(17)换行:<br>
(18)段落:<p>段落</p>
(19)原始文字样式:<pre>正文</pre>。这个标签可以将其包起来的文字排版、格式,原封不动的显示出来。
(20)换日志背景:<body background="背景图片地址">
(21)固定帖子背景不随滚动条滚动:<body background="背景图片地址" body
bgproperties=fixed>
(22)定制帖子背景颜色:<body bgcolor="#value">(value值见10)
(23)帖子背景音乐:<bgsound="背景音乐地址" loop=infinite>
(24)贴网页:<iframe src="相关地址" width="宽度" height="高度"></iframe>
(25)段落水平对齐:<ALIGN=”相关参数”>。其常见的设定值有三个:置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">。
(26)缩排:<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位,二组缩排两个单位,以此类推。
(27)分隔线::上一段文字內容 <HR> 下一段文字內容。可加属性。
颜色属性:<HR COLOR="颜色代码或颜色名称">。
宽窄属性::<HR WIDTH="宽度">,单位为px,宽度也可用百分比来作设定,如50%即为宽度占屏幕的50%。
厚度属性::<HR SIZE="厚度">。位置属性::<HR ALIGN="水平对齐位置">,
其设定值有三个,置左ALIGN="LEFT"、置中ALIGN="CENTER"、置右ALIGN="RIGHT"。
阴影属性:<HR NOSHADE>,无设定值,只要将 NOSHADE 加入即可,通常会配合颜色设定,效果较佳。
七. 音乐及背景文字
① Flash代码(写在日记内容里)[代码中的Flash地址就是网上以.swf结尾的网址]
</textarea><embed src='http://你的Flash地址'quality=highpluginspage='_Prod_Version=ShockwaveFlash"target=_blank>http://www.macromedia.com/shockw ...sion=ShockwaveFlash' type='application/x-shockwave-flash' width=330height=240></embed>
②背景音乐代码 (写在日记标题里) [代码中的音乐地址就是网上以.mp3/.midi/.wma/.wmv结尾的网址]
显示播放器
</textarea><EMBEDSRC=http://你的音乐地址>
不显示播放器
</textarea><EMBEDSRC=http://你的音乐地址 width="0" height="0"loop="999">
③视频MTV代码 (写在日记内容里)[代码中的视频文件地址就是网上以.rm结尾的网址]
</textarea>
<embed SRC=你的视频文件地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=trueloop=true><br>
④电台代码 [代码中的电台地址就是网上以.asp结尾的网址]
</textarea>
<embed SRC=你的电台地址 type=audio/x-pn-realaudio-plugin CONSOLE=Clip1CONTROLS=ImageWindow HEIGHT=124 WIDTH=180 AUTOSTART=trueloop=true><br>
⑤修改字体和颜色 (变换字体颜色只需替换color=后面的代码,好看的字体颜色有: "#00ccff""#ccccff" "#cc99ff""#993399")
</textarea><b><font face="华文行楷" size="5"color="#FF0000">要修改字体和颜色的字</font></b>
⑥插入图片 [代码中的图片地址就是网上以.jpg/.bmp结尾的网址]
</textarea><IMG src="http://你的图片地址" border="0" width="344"height="255">
文字的几种变化:
滚动字代码(左右):
<marquee border="0" align="middle"scrolldelay="120">理智的BLOG</marquee>
滚动字幕代码(上下):
<MARQUEE scrollAmount=1scrollDelay=77 direction=up width=270 height=77
onmouseout="this.start()"onmouseover="this.stop()">我不想擁有愛你的每一夜
<BR>我也不想要對不起 全世界
<BR>所以不需要解釋誰
<BR>所以可以溫柔不退
<BR>一切就看你心裡要不要勇敢些</MARQUEE>
竖排显示文字代码:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN:left"><p>博客文章文字</P></DIV>
带颜色的阴影效果文字代码:
博客代码的BLOG
<P align=center><FONT style="FONT-SIZE: 20pt; FILTER:dropshadow
(color=#228B22,offX=4,offY=2,Positive=1); WIDTH: 100%; COLOR:#ff7f50; LINE-HEIGHT: 150%; FONT-
FAMILY:华文行楷"><I><B>博客代码的BLOG</B></I></FONT></P>
渐变效果文字代码:
博客代码的BLOG
<Palign=center><FONTstyle="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%;
COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷"><B>博客代码的BLOG</B></FONT></P>
代码说明:
opacity属性:设置透明度,取值0至100之间的任意数值,100表示完全不透明;
style属性:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变。
width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
阴影文字效果代码:
博客代码的BLOG
<FONT style="COLOR: #000000;FILTER: shadow(color=blue); FONT-FAMILY: 华文彩云; FONT-SIZE:20pt;
WIDTH:100%"><B>博客代码的BLOG</B></FONT>
阴影的文字效果代码2:
博客代码的BLOG
</textarea><table style="FILTER:dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);">
<font color=#6CABE7 size=2>博客代码的BLOG</font>
</table>
飘动在图片背景上的文字代码:
<TABLE borderColor=#cd5c5c height=350width=450align=centerborder=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternateheight=350>
<MARQUEE scrollAmount=3 behavior=alternatewidth=500>
<P align=center><FONT color=redsize=6><B>图片上的文字</B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>
以图片为背景发表文章代码:
<tablewidth="450"border="0">
<tr>
<td height="500" background="图片地址"></td>
</tr>
</table>
更多精彩日志请点击:
点击进入博客技巧篇>>>>
点击进入我的娱乐篇>>>>
点击进入我的生活篇>>>>
点击进入我的写真篇>>>>