分享

☆博客基本代碼的說明和解讀大全 -

 fe非 2011-06-05
博客基本代碼說明和解讀大全
字 體 控 制 代 碼

◆字体加粗: <B>写上你想写的字</B>
◆字体斜体: <I>写上你想写的字</I>
◆字体下划线∶ <U>写上你想写的字</U>
◆字体删除线∶ <S>写上你想写的字</S>
◆字体加大∶ <BIG>写上你想写的字</BIG>
◆打字机字体∶ <TT>写上你想写的字</TT>
◆文字闪烁效果∶ <BLINK>写上你想写的字</BLINK>
◆换行: <BR>
◆空格:    
◆宽与高: width=宽度 height=高度  WIDTH: 600px; HEIGHT: 420px;
◆段落: <P></P>段落
◆原始文字样式:<PRE>正文</PRE>
◆待添
◆常用字体代码:〔适用Windows 7系统〕 微软雅黑方正舒体华文行楷华文新魏方正姚体黑体华文细黑华文彩云华文仿宋华文中宋宋体仿宋楷体隶书新宋体幼圆宋体-方正超大字符集
◆常用字体代码:〔适用Windows XP系统〕 仿宋_GB2312 楷体_GB2312除了:微软雅黑、楷体、仿宋、字体外其它与上面相同。
◆字体控制大小: <H1>写上你想写的字</H1>(其中字体大小可从h1-h5,h1最大,h5最小)、
(字号大小 size=1—7 ,参数1字体小,7字体最大。还可用CSS样式来定义字体,即:style=font:20pt 。)
◆更改字体颜色:<FONT color=#0a00e>写上你想写的字</FONT>
(其中value值在000000与ffffff(16位进制)之间
◆竖排文字代码①:
<PRE>




</PRE>文字排列如上,不用加换行代码<BR>即可竖排文字。
◆坚排文字的代码②∶ <P align=right><FONT style="FONT-SIZE: 16pt; WIDTH: 300px; COLOR: #ea0000; FONT-FAMILY: 宋体; WRITING-MODE: tb-rl; TEXT-ALIGN: left">竖排文字<BR>竖排文字<BR>竖排文字
(靠右排版right)
◆移动字体(走马灯效果): <MARQUEE>写上你想写的字</MARQUEE>
◆字体设置:①  <FONT style="FONT-SIZE: 15pt; FONT-FAMILY: 宋体; COLOR: #ff0000">
◆字体设置:②  <FONT face=细黑 color=#0000ff size=5>
选择文字式样、颜色、大小
◆彩字设置:①  <DIV style="TEXT-ALIGN: center; FILTER: glow(color=ffffff); WIDTH: 100%; FONT-FAMILY: 微软雅黑; HEIGHT: 100%; COLOR: #990000; FONT-SIZE: 25pt"> 显示虚边字代码点此看美术字设置
◆彩字设置:②  <DIV style="TEXT-ALIGN: center; FILTER: shadow(color=#333366, strength=8, direction=124); WIDTH: 100%; FONT-FAMILY: 楷体; HEIGHT: 100%; COLOR: #ff0033; FONT-SIZE: 35pt"> 显示字阴影(direction=124 数值调整可改变阴影方向,看标题效果)
◆彩字设置:③  <MARQUEE style="FILTER: shadow(color=330533, strength=8, direction=124 ); FONT-FAMILY: 华文新魏; HEIGHT: 100%; COLOR: #ff0000; FONT-SIZE: 35pt" scrollAmount=5 scrollDelay=200>显示阴影字和移动代码</MARQUEE> (滚动效果)
◆彩字设置:④  <DIV style="TEXT-ALIGN: center; FILTER: glow(color=#E4DC9B, strength=10); WIDTH: 100%; FONT: 30pt 华文行楷; HEIGHT: 100%; COLOR: #ce0000"> 字的虚边大小由代码(strength=10 的数字来调整改变即可)
◆彩字设置:⑤全色底埔色上写字 <FONT face=微软雅黑 style="BACKGROUND-COLOR: #000000" color=#ffffff size=2>  示图: 学海博客
◆彩字加背景颜色设置: ⑥全色底埔色字取中 <FONT style="TEXT-ALIGN: center; BACKGROUND-COLOR: #007fff; WIDTH: 90px; DISPLAY: block; FONT-FAMILY: 微软雅黑; FONT-SIZE: 9pt" color=#ffff00>添写文字〔说明: 按添加字的多少调宽度代码:WIDTH: 90px 的数值。〕附示例图:学 海 博 客 ◆透明动画背景颜色设置:  <FONT style="BACKGROUND-COLOR: #007fff; WIDTH: 640px; DISPLAY: block"> 〔此处添加透明动画代码〕〔说明: 按需要调宽度代码:WIDTH: 640px 的数值。〕看示例效果图

對 齊 方 式 代 碼
◆左对齐:  <LEFT> 或 <P align=left>
◆中对齐:  <CENTER> 或 <P align=center> 或 <DIV align=center>或 <P style="TEXT-ALIGN: center"> 或 <P style="DISPLAY: block; TEXT-ALIGN: center">
◆右对齐:  <RIGHT> 或 <P align=right> 或 <P style="FLOAT: right">
◆段落水平对齐:<ALIGN="相关参数"> 其常见的设定值有三个:置左<ALIGN="LEFT">、置中<ALIGN="CENTER">、置右<ALIGN="RIGHT">
◆缩排:<BLOCKQUOTE> 要缩排的文字 </BLOCKQUOTE>。一组缩排一个单位,二组缩排两个单位,以此类推。
文 字 控 制 代 碼

◆文字向上滚动的代码: <MARQUEE scrollAmount=3 direction=up height=50>
<CENTER><FONT face=黑体 color=blue size=5><B>文字一<BR><BR>文字二<BR><BR>文字三< BR><BR>文字四<BR><BR>文字五</B></FONT> <BR><BR></CENTER></MARQUEE>
(滚动速度scrollAmount=3 )<MARQUEE>里面的参数修改一下,效果将不一样,这里仅提醒一下direction=添加方向代码为: 向下(down)、向上( up )、向左(left)和向右(right)。
◆文字上下往复跳跃移动代码: <MARQUEE style="WIDTH: 600px; HEIGHT: 200px" scrollAmount=1 direction=up behavior=alternate>
<CENTER><FONT face=隶书 color=#ffff00 size=7>插入文字</CENTER></FONT></MARQUEE>
◆左右往复移动代码: <BEHAVIOR=ALTERNATE>
◆文字移动走走停停代码: <MARQUEE scrollAmount=54 scrollDelay=500 behavior=alternate>插入文字</MARQUEE>蓝色部分可调方向、速度

圖 片 控 制 代 碼
◆贴图: <IMG src="图片地址"> (这一导入图片的代码没有放大缩小的功能)
◆贴图: <IMG style="WIDTH: 81px; HEIGHT: 80px" src="粘贴图片地址" border=0>
(改变81px 、80px 数据变换图片的大小)

◆图片产生梦幻(羽化)效果的代码: <IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 300px; HEIGHT: 420px" src="图片地址" >
(opacity=100可在百内变、style=00=平均透明,1=片状透明,2=圆型透明,3=方型透明变) 、 WIDTH 、HEIGHT(表示宽度和高度,其值可以变)

◆换帖子背景: <body background="背景图片地址">
◆添加日志文字背景图的代码:<TABLE width="100%" border=0><TBODY><TR><TD background=图片网址 height=384>
◆定制帖子背景颜色:<body bgcolor="#value">
(颜色value值)

◆固定帖子背景不随滚动条滚动:<body background="背景图片地址" body bgproperties=fixed>
◆加背景图片:  <TABLE style="WIDTH: 706px; HEIGHT: 164px" borderColor=#00fa9a align=center background=背景图片 border=3>
◆图片滚动代码:
(从下往上滚动)
<MARQUEE scrollAmount=1 scrollDelay=3 direction=up height=548 >
<IMG src="添加滚动的图片地址1/" border=0>
<IMG src="添加滚动的图片地址2/" border=0></MARQUEE>
◆移动图片的代码: 向左 <MARQUEE><IMG src="图片地址";><IMG src="图片地址";><IMG src="图片地址";></MARQUEE>
将其前面兰色代码换上如下代码即改变移动方向
向右∶ <MARQUEE direction=right>向上∶ <MARQUEE direction=up>向下∶ <MARQUEE direction=down>往复来回∶
<MARQUEE behavior=alternate> 图片地址换成自己网上找的就行。按照格式在中间重复插入:<IMG src="图片地址";> ◆含有滚动速度、滚动延迟代码∶ <MARQUEE scrollamount=5 scrolldelay=500>
红色代码为滚动速度,数值越大越快,反之越小越慢、蓝色代码为延迟滚动代码,数值越大越慢,反之越小越快。
 
鏈 接 代 碼
◆文字的连接: <A href="链接地址"><FONT color=#ff0000>写上你的字</FONT></A> (字的颜色自定)
◆图片的连接: <A href="链接图片地址"><IMG height=92 src="图片URL地址" width=130 border=0></A>
◆友情的连接: <A href="链接网址" target=_blank>链接网址名字
(也可作文章链接、换成文章链接网址和文章名字)
◆新窗口打开连接:<A href="链接地址" target=_blank>写上你的字</A>
◆翻页链接〔打开下一页〕: <A href="链接地址" target=_self>写上你的字或图片代码</A>
◆学海博客的链接代码:  <A href="
http://lv.jingxiang.blog.163.com/" target=_blank><FONT color=#0000ff size=5>要写的字、或要链接的图片地址。
◆消除连接的下划线:<A style="TEXT-DECORATION: none" href="相关地址">写上你想写的字</A>
◆鼠标指向图片可显示导航名称并链接代码:<A href="加入要链接的地址" target=_blank><IMG title=写上要显示的名称 height=290 src="使用的图片地址" width=150></A>
控 制 FLASH 代 碼
◆粘贴FLASH:  <EMBED src=FLASH地址 width=宽度 height=高度 type=application/x-shockwave-flash>
◆首页FLASH: 找到FLASH地址 后点编辑-排版-模块-添加自定义HTML- 点 Flash 复制进去就行了,这个很简单。
◆日志里的FLASH: 为什么我把代码粘贴到日志里但就是显示不出FLASH呢? 不要忘记点那个<显示HTML代码>了 必须先点一下<>后再复制上去.再点这个<><隐藏HTML代码>即显示了。
◆日志里粘贴【FLASH】动画的代码是: <EMBED pluginspage=http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash src=FLASH地址 width=800 height=600 type=application/x-shockwave-flash quality="high">
◆粘贴【Flash】动画代码∶
(1)粘贴非透明动画代码:  <EMBED style="DISPLAY: block; TEXT-ALIGN: center" src="FLASH动画地址" width=600 height=420 type=application/x-shockwave-flash quality="high">
 
(width、 height 宽度和高度值是可改变 )
(2)粘贴透明动画代码:  <EMBED style="DISPLAY: block; TEXT-ALIGN: center" src="FLASH动画地址" width=400 height=290 type=application/octet-stream wmode="transparent" quality="high">  
◆控制【Flash】动画或【图片】及文字等定位代码: <P style="MARGIN-TOP: -70px; MARGIN-LEFT: -10px; TEXT-ALIGN: center"> 
(加在FLASH动画或图片代码前面、MARGIN-TOP: 0px  上下定位,- 往上移,+ 往下移、MARGIN-LEFT: 0px   左右定位,+ 往右移,- 往左移)
常 用 表 格 代 碼
◆无标题无名表格: <CENTER><FIELDSET style="TEXT-ALIGN: left; WIDTH: 600px; FONT-FAMILY: 宋体; COLOR: #007fff; FONT-SIZE: 10pt">无标题无名表格/只添加内容</FIELDSET></CENTER>
◆简单无名表格: <CENTER><FIELDSET style="TEXT-ALIGN: left; WIDTH: 600px; FONT-FAMILY: 宋体; COLOR: #007fff; FONT-SIZE: 10pt"><LEGEND style="BACKGROUND-COLOR: #ffebf6; COLOR: blue; FONT-SIZE: 12pt">此处添加标题名</LEGEND>添加内容</FIELDSET></CENTER>
◆表中表无名表格Ⅰ: <CENTER><FIELDSET style="TEXT-ALIGN: left; WIDTH: 600px; FONT-FAMILY: 宋体; COLOR: #007fff; FONT-SIZE: 10pt"><LEGEND style="BORDER-BOTTOM: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BACKGROUND-COLOR: #ffff00; COLOR: blue; FONT-SIZE: 12pt; BORDER-TOP: #ff0000 1px solid; BORDER-RIGHT: #ff0000 1px solid">此处添加标题名</LEGEND>添加内容</FIELDSET></CENTER>
◆表中表无名表格Ⅱ: <CENTER><FIELDSET style="TEXT-ALIGN: left; WIDTH: 600px; FONT-FAMILY: 宋体; COLOR: #ff0000; FONT-SIZE: 10pt"><LEGEND style="BORDER-BOTTOM: #ff0000 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #ff0000 1px solid; BACKGROUND-COLOR: #00ebf6; WIDTH: 100px; FONT-FAMILY: 微软雅黑; COLOR: #ffffff; FONT-SIZE: 12pt; BORDER-TOP: #ff0000 1px solid; BORDER-RIGHT: #ff0000 1px solid" align=center>添加标题</LEGEND>添加内容</FIELDSET></CENTER>
(以上这些无名表格里的颜色代码、字体、颜色、大小,宽度、及背景颜色,均可尝试调整。>>更多详情点击进入>>>)

◆ <DIV></DIV> 段落摸块,与P在自定义摸块时换段不同代码
◆ <P> </P>    是空白字位,与P组合成空白段落摸块。文字排版时用得上
◆ <IMG> 贴图片、影视文件摸块摸块代码
◆ <EMBED> 图片边文字排版、音乐、视频
(透明FLASH)动画、背景音乐摸块代码)
◆ <MARQUEE> 走动文字幕、走动图片幕摸块代码
◆<HR></HR>划横线摸块
(大小、颜色自已选择组合<HR= coor=#ff0000 size=1>)
◆ <TBODY>
    <TR>
    <TD>:
<TR>是添加横, <TD>是添加列, 是制表格、同一版贴多层透明FLASH动画与背景图上做走动效果字用代码
◆表格基本代码(内含背景图片和标特效):
<TABLE title=写显示的字 style="BORDER-RIGHT: #ff0099 1px solid; BORDER-TOP: #ffee00 1px solid; BACKGROUND-IMAGE: url(
http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0143.gif); BORDER-LEFT: #ffee00 1px solid; WIDTH: 590px; CURSOR: url('http://www./cursor/mouse038.ani'); BORDER-BOTTOM: #ff0099 1px solid; HEIGHT: 43px" cellSpacing=11 borderColorDark=#ff0099 cellPadding=0 align=center borderColorLight=#ffee00 border=0>
<TBODY>
<TR>
                
说 明∶蓝色代码为背景图片、红色代码为鼠标特效,均可替换
<TD>
◆表格基本代码(可替换鼠标特效):
<TABLE title=写显示的字 style="BORDER-RIGHT: #ff0099 1px solid; BORDER-TOP: #ffee00 1px solid; BORDER-LEFT: #ffee00 1px solid; WIDTH: 590px; CURSOR: url('http://www./cursor/mouse038.ani'); BORDER-BOTTOM: #ff0099 1px solid; HEIGHT: 43px" cellSpacing=2 borderColorDark=#ff0099 cellPadding=0 align=center borderColorLight=#ffee00 bgColor=#ff0000 border=0>
<TBODY>
<TR>
              说 明∶
红色为鼠标特效、蓝色代码为背景颜色,可替背景图片即如下:
<TD>                        bgColor=#背景颜色 互换 background=背景图片地址

◆表格基本代码:
<TABLE cellSpacing=0 borderColorDark=#000000 cellPadding=0 align=center  borderColorLight=#ffeeff bgColor=#ff0000 border=1>
<TBODY>
       colSpan=2   〗  表格合并列代码
<TR>             rowSpan=4  〗  表格合并行代码
 
<TD>
              background=背景图片地址  bgColor=#背景颜色 (可按需相互替换)
顔 色 方 面 代 碼
◆颜色属性:<HR COLOR="颜色代码或颜色名称">。
◆宽窄属性:<HR WIDTH="宽度">,单位为px,宽度也可用百分比来作设定,如50%即为宽度占屏幕的50%。
◆厚度属性:<HR SIZE="厚度">。
◆位置属性:<HR ALIGN="水平位置设定值">,其设定置左"LEFT"、置中"CENTER"、置右"RIGHT"。
◆阴影属性:<HR NOSHADE>,无设定值,只要将NOSHADE加入即可,通常会配合颜色设定,效果较佳。
音 樂 播 放 器 代 碼
◆隐藏播放器自动播放: <EMBED src=音乐文件地址 width=0 height=0 type=audio/x-pn-realaudio-&13;plugin AUTOSTART="true" LOOP="true" CONTROLS="ControlPanel,StatusBar">  (要显示播放器调整width=0、 height=0数值)
◆显示播放器手动播放: <EMBED src=音乐文件地址 width=550 height=45 type=audio/mpeg autostart="false">
◆贴音乐:<EMBED src=音乐地址 width=宽度 height=高度 type="text/html; charset=GBK" autostart="false">
◆帖子背景音乐: <BGSOUND="背景音乐地址" loop="infinite">
◆贴影视文件: <IMG start=mouseover height=高度 dynsrc=文件地址 width=宽度>
◆贴FLASH: <EMBED src=FLASH地址 width=宽度 height=高度 type="text/html; charset=GBK">
其 他 部 分 實 用 代 碼
◆滚动条添加〔右拉条〕: <DIV style="OVERFLOW-Y: auto; SCROLLBAR-FACE-COLOR: #f3dcc4; OVERFLOW-X: hidden; WIDTH: 698px; HEIGHT: 125px"><P align=left> 在这里输入是文字,也可以是链接。 注:此(left)为对齐方式,当前是左对齐
◆滚动条添加〔左拉条〕: <DIV style="OVERFLOW-Y: auto; SCROLLBAR-FACE-COLOR: #f3dcc4; OVERFLOW-X: hidden; WIDTH: 298px; DIRECTION: rtl; SCROLLBAR-ARROW-COLOR: #ff0000; HEIGHT: 125px"> 。
◆滚动条表格: <TABLE width=280 align=center border=1><TBODY><TR><TD align=middle bgColor=cyan height=30><FONT color=#ffffff>带滑动条的表格</FONT></TD><TR><TD bgColor=yellow><DIV style="OVERFLOW: auto; HEIGHT: 90px">  在这里添加日志内容。
(本日志效果即是)
◆数字时钟制作代码: <EMBED height=16 type=application/x-shockwave-flash width=192 src=http://www./clocks/5002-red.swf?TimeZone=China_Beijing&Place=&DateFormat=YYYY-MM-DD& allowNetworking="internal" allowScriptAccess="never" invokeurls="false" wmode="transparent">
 ①、时钟文字显示颜色替换(红色)代码 红色 red 绿色 green 黄色 yellow 橙色 orange 蓝色 blue 灰色 gray 粉色 pink 紫色 purple 白色 white ; ②、时钟日期显示不同样式替换(蓝色)代码 2011-02-03 YYYY-MM-DD / 02-03-2011 MM-DD-YYYY 式样效果图如下:

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约