【叶脉空间】网页素材、博客装饰、在线工具、生活百科、唯美音画 —— 最实用、最简便、最多样的网页助手平台
博客网页常用HTML编码_博客技巧_【叶脉空间】——网页素材、博客装饰、在线工具、生活百科、唯美音画—— 最实用、最简便、最多样的网页助手平台
当前位置:首页 > 网页素材 > 博客装饰 > 博客技巧 > 详细内容
博客网页常用HTML编码
阅读次数:2145  字体大小: 【】 【】【

  

博客网页常用HTML编码  

  

网页音画(边框、文字、图片、动画)基本代码:

  

  <TABLE align=center   cellPadding=0   borderColorDark=#660000   width=680   height=500 borderColorLight=#660000   background=“边框图片网址”    border=2>

<TBODY>

<TR>

<TD>

<P align=left><FONT   face="黑体"(字体)     COLOR="#FFCCFF "(字体颜色)size="5"(字号)>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(段落前空格)网页所显示的文字……</font></P><BR>

  <P align=center><IMG src="图片网址f"></P><BR><BR>

  <P align=center><EMBED src="动画网址"   width=480   height=300   type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"> </EMBED> </P></TD></TR></TBODY></TABLE>

  

  

页面音乐隐藏播放器代码

  

   <P><EMBED src="音乐网址"   hidden=true type=audio/mpeg LOOP="TRUE" AUTOSTART="TRUE" allowNetworking="internal" allowScriptAccess="never"></EMBED></P>

  

  

图片蒙胧代码






  

  <TABLE   style="FILTER: alpha(opacity=300,style=3)[1蒙胧从左到右渐淡、2椭圆形蒙胧状、3方形蒙胧状、4无蒙胧效果]"     height=460   width=680   align=center background="图片网址">

<TBODY>

<TR>

<TD> <BR> <BR>

</TD></TR></TBODY></TABLE>

  

    去背景透明FLASH代码  

  

  <TABLE>

<TBODY>

<TR>

<TD>

<P align=center><EMBED src=http://imgfree.21cn.com/free/flash/51.swf width=350 height=580 type=application/x-shockwave-flash   wmode="transparent" menu="false" quality="high"   tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>



  

叠加透明FLASH代码  

  

  <TABLE>

<TBODY>

<TR>

<TD width=640 height=440   background="图片网址" >

<P align=center><EMBED align=right src="FLASH网址" width=640 height=440 type=application/octet-stream wmode="transparent" quality="high" ><EMBED style="WIDTH: 640px; HEIGHT: 300px" pluginspage=http://www.macromedia.com/go/getflashplayer align=right src="另一FLASH网址" width=640 height=200 type=application/x-shockwave-flash quality="high" wmode="transparent" allowNetworking="internal" allowScriptAccess="never"></EMBED></P></TD></TR></TBODY></TABLE>

  

  

音画全屏代码

  

(一)

  <TABLE style="LEFT: -200px; WIDTH: 564px; POSITION: relative; TOP: 130px" height="40%" borderColorDark=#dd9222 width="50%" align=center borderColorLight=#dd9222 border=4 break-all? WORD-BREAK: fixed;><BR><BR>

  

(二)

    <P><A href="文件.txt 网址"   target=_blank><FONT color=#996699 size=6><B>点击全屏观看</B></FONT></A></P>

<TABLE style="LEFT: -240px; WIDTH: 1000px; POSITION: relative; TOP: 100px" cellSpacing=0 cellPadding=10 width="100%">

<TBODY>

<TR>

<TD width="100%">

<DIV align=center><IFRAME marginWidth=10 marginHeight=10 src="文件.txt网址" frameBorder=0   width=1000   scrolling=no height=5220></IFRAME></DIV></TD></TR></TBODY></TABLE>

  

  

页面文字由下向上移动代码

  

  (一)

  <MARQUEE scrollAmount=1 direction=up width=400 height=300>

<P><FONT face=黑体 color=#800000 size=5>

<P align=left><FONT face=黑体 color=#000080 size=4>&nbsp;&nbsp;&nbsp;&nbsp;所移动文字……FONT></P> ></MARQUEE>

  

  (二)

<P align=center>

<MARQUEE style="WIDTH: 500px; HEIGHT: 280px" scrollAmount=1 scrollDelay=100 direction=down behavior=slide width=500 height=280>

<MARQUEE scrollAmount=1 direction=up height=280><PRE>

<P align=center><FONT face=黑体 color=#ffffff size=5>所移动文字……</FONT></P><BR>

</PRE></MARQUEE></MARQUEE>

  

页面文字由上向下移动代码

  

<P align=center>

<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>欢迎光临 ! </B></FONT></P></MARQUEE></DIV></P>

  

文字往右或往左移动代码

  

  (一)

  <MARQUEE scrollAmount=1 direction=up width=400 height=300>

<P align=center><FONT face="长城行楷体" color=WHITE >宁&nbsp;&nbsp;&nbsp;夏<BR><BR>歌手:梁静茹 <BR><BR>宁静的夏天(所移动文字)……</FONT></P></MARQUEE>

  

(二)

  <MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide width=420 height=240>

<MARQUEE style="LINE-HEIGHT: 100%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=420 height=240><PRE><DIV style="FONT-SIZE: 16pt; WIDTH: 100%; LINE-HEIGHT: 150%"><FONT face=黑体 color=#d5d7f9 size=5>窗外<BR>月光柔柔如水<BR>室内<BR>思念渺渺如烟<BR>捧一杯香茗在手<BR>听笛声<BR>如流苏般弥漫四周(所移动文字)……</FONT></FONT></PRE></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

  

  (三)

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>所显示的文字……</B></FONT></P></MARQUEE></P>

  

(四)

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=left>
<P align=center><FONT face=隶书 color=#ff0000 size=7><B>所显示的文字……</B></FONT></P></MARQUEE></P>

  

  

文字左右弹撞代码

  

<P align=center><BR></P>
<P align=center>
<marquee behavior="alternate">欢迎光临 !!</marquee></P>

  

文字上下滚动代码

  

<P align=center><BR></P>
<P align=center>
<MARQUEE style="WIDTH: 200px; HEIGHT: 266px" scrollAmount=2 direction=up width=200 height=266 align="center"><FONT color=#ff0000 size=5>Krazy Doll真诚欢迎朋友们光临, </FONT></MARQUEE></P>

  

页面文字移动条代码

  

流星划过的天空


      不知道从什么时候起,我开始从平淡如水的生活中滑落。总是习惯于一个人的夜晚,在昏黄静谧的灯下,聆听悠扬柔和的音乐,浏览精致优美的网页,阅读飘深邃的夜空,耀眼的光芒,冰与火,尘如雨,撒向大地。

    可是,可是今夜,当熟悉的旋律再次弥散的时候,心中竟然涌起莫名的悸动,阵阵酸楚浸润心田,眼角也渐渐地潮湿起来。是什么如此强烈地触动着善感的神经,流星,一个沉睡于冰冻的母体,却被太阳拯救的尘埃,燃烧着自己,让白色的火焰,在湛蓝里,完成一次最后的倾诉......

老去的岁月里,我不知道?我的爱,还可以走多远......

不落的星辰

一群魅惑着眼神的纽扣

我可以毁灭自身,却无法洞穿你夹层的阻隔,终死为一个美丽的疤痕......

我找不到自己,只听到羊群慢慢减弱的蹄声......。

    目光穿越时空的刹那,性灵之花永恒地绽放。尽管夜凉如水,远眺的眼,还是那样的执着,那样的无悔。哪怕沉寂静默,也有那未泯的思量,哪怕晶莹剔透,也有



  

<TABLE align=center style="BACKGROUND-;BACKGROUND-REPEAT:no-repeat" height=633 width=700         background="底图网址">

<TBODY>

<TR>

<TD align=right><FONT style="FONT-SIZE:0pt" ><BR><BR><BR><BR><BR>

<DIV align=center><FONT   style="BORDER-RIGHT: 0px solid;BORDER-TOP:0px solid;OVERFLOW-X:hidden;SCROLLBAR-HIGHLIGHT-COLOR:#5A0406;OVERFLOW:auto;WIDTH:500px;SCROLLBAR-ARROW-COLOR:#5A0406;SCROLLBAR-TRACK-COLOR:#EAEDF9;BORDER-BOTTOM: 0px solid;ZOOM:100%;HEIGHT:300px" color=#040F5E>

<P align=LEFT><FONT face=汉仪行楷繁   size=5>&nbsp;&nbsp;&nbsp;&nbsp;今夜,月儿好清冷(所显示文字)……</FONT></P>

</TR></TD></TBODY></TABLE>  

  

抛射字体

  

所显示的文字……


  

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999
, strength=40); WIDTH: 480px; HEIGHT: 80px"><FONT face=华文彩云 color=#ff0000 size=5><B>
<CENTER>所显示文字……</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV></DIV></DIV>

  

  

浮雕的文字

  

欢迎光临!

  

<TABLE style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1, positive=1)"><FONT color=#ffffff>欢迎光临!</FONT>
<TBODY></TBODY></TABLE>


  

波浪式的文字

  

波浪式的文字

<P align=center> </P>
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<DIV align=center>
<MARQUEE scrollAmount=3 behavior=altrnate width=460>
<DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字 </FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

  

原地跳动的文字

  

  

<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>地 </B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>文 </B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

  
  
交替跳跃的文字

  

  

<CENTER><FONT style="FONT-SIZE: 20pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=80>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替 </B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=80>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文 </B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=80>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

  

  

发光文字

  

  所显示的文字……






  











<TABLE style="FILTER: glow(color=#6699FF,direction=2)"><FONT color=#ffffff size=2>
<P align=center><FONT size=4>所显示的文字……</FONT></FONT></P>
<TBODY>
<P align=center><FONT size=4></FONT>&nbsp;</P></TBODY></TABLE>

           其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强度,font color是原 字体的颜色。

  

  

  移动播放器代码

  

  <TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD>
<MARQUEE style="LEFT: 230px; TOP: 100px" scrollAmount=1 scrollDelay=100 direction=up behavior=alternate width=600 height=300>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=alternate>
<TABLE style="FILTER: progid:DXImageTransform.Microsoft.Shadow(color:#7ec0ee ,direction:145,strength:20)" cellSpacing=0 cellPadding=0 border=1>
<TBODY>
<TR>
<TD><EMBED style="FILTER: gray()" src=音乐网址   width=200 height=20 type=audio/mpeg showstatuar="1" volume="0" loop="true" autostart="true" ></EMBED></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

  

  




        

   本空间所有内容、链接皆选摘自网络,若有不妥,敬请留言!由中网提供网站空间与技术支持,京ICP备10048112号。