日志

HTML代码基础教程之一：如何在QQ空间使用HTML代码

 

 

­

­

代码1：（与本贴代码相仿）­

<TABLE borderColor=#6495ed height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#2f4f4f border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

代码2：（蓝边黑背景）­

­

<TABLE borderColor=#6495ed height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

代码3：（红边加黑河）­

­

<TABLE borderColor=#FF0000 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

代码4：（黄边加黑）­

<TABLE borderColor=#FFFF00 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

代码5：（蓝色加黑）­

­

<TABLE borderColor=#0000FF height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

­

代码6：（全黑，不加边框）­

­

<TABLE borderColor=#000000 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

代码7：（黄绿色加黑）­

­

<TABLE borderColor=#7FFF00 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

­

代码8：（土色加黑）­

­

<TABLE borderColor=#D2691E height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

代码9：（茶色加黑）­

­

<TABLE borderColor=#D2B48C height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

代码10：（粉红色加黑）­

­

<TABLE borderColor=#FFC0CB height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

加色一层代码­

­

代码11：（红黄）­

<TABLE borderColor=#ff0000 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#ffff20 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

代码12：（黄绿）­

­

<TABLE borderColor=#ffff20 height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#40ffc0 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

­

­

代码13：（紫黄）­

<TABLE borderColor=#ff60ff height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#ffffc0 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

代码14：（蓝紫）­

­

­

<TABLE borderColor=#20ffff height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#DA70D6 border=16>­

<TBODY>­

<TR>­

<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>­

­

­

HTHL代码基础教程之二：如何在QQ空间使用羽化代码

 

代码如下：

 

 

1，静的代码：圆形

 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

 

 

2,静的代码：方形

 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

 

 

3、图片羽化：方形

 

<P align=center><IMG

style="FILTER: Alpha(opacity=200,style=3); WIDTH: 660px;

HEIGHT: 318px" height=160 src="这里放图片地址" width=600></P>

 

 

2，动的代码：

 

<marquee behavior=alternate><BR>
<img src="这里放图的地址" style="FILTER: alpha(opacity=100,style=2)"width=300><BR>
</marquee></p>

 

 

 

 

 

初级教程课一·大图背景

 

原始代码：   <TABLE style="BACKGROUND-IMAGE: url(这里放入图素材地址)" borderColor=#cccccc cellSpacing=60 cellPadding=60 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=楷体_GB2312><FONT size=5><STRONG></STRONG></FONT></FONT> </P></TD></TR></TBODY></TABLE></TD></TR></TABLE>

 

 

 

 

初级教程课二·大图背景成框

 

原始代码：

 

 <TABLE style="BACKGROUND-IMAGE: url(这里放图地址一)" borderColor=#cccccc

cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(这里放图地址二)" borderColor=#cccccc

cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(这里放图地址三)" borderColor=#cccccc

cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<P align=center> </P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER>
<P></P>

 

 

 

初级教程课三·边框如何加羽化的代码 

 

 

1，边框代码：

 

 

<TABLE borderColor=#D2B48C height=330 cellSpacing=10 cellPadding=10 width=800 align=center bgColor=#000000 border=16>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE>

 

 

2，图羽化代码：

 

 

<CENTER>
<img src="这里放图地址" style="FILTER: alpha(opacity=100,style=2)"width=300>
</CENTER>

 

 

 

初级教程课四·音乐贴动画 

 

 

原始代码：

 

 

<TABLE cellSpacing=2 cellPadding=2 width=480 align=center bgColor=#000000border=0>
<TBODY>
<TR>
<TD>
<P> </P>
<MARQUEE><IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"> 　<IMG style="BACKGROUND: none transparent scroll repeat 0% 0%; WIDTH: 500px; HEIGHT: 313px" height=48 src="这里放图地址" width=48 fakesize="1" bloaded="true" loadingtimer="-1"></MARQUEE></TD></TR></TBODY></TABLE></DIV>

 

 

一款播放器

 

 

代码如下

<P><BR><EMBED src=歌曲地址 width=300 height=45

 type=audio/mpeg allownetworking="internal" loop="-1"

autostart="FALSE" volume="0" invokeurls="false" allowNetworking

="internal" allowscriptaccess="never"></P>

 

 

 不喜欢播放器用可自己加隐藏音乐

（代码：[代码audio,true,true,true]这里放入MP3地址[代码/audio]）

此代码直接使用在日志编辑窗口，不在HTML编辑窗口使用

 

 

 

初级教程课五·精美边框

  

 

原始代码为：

 

<P></P>
<CENTER>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=34 cellPadding=34 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址); WIDTH: 710px; HEIGHT: 429px" borderColor=#cccccc cellSpacing=34 cellPadding=34 width=858 align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=3 cellPadding=3 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND-IMAGE: url(图地址)" borderColor=#cccccc cellSpacing=40 cellPadding=40 width="100%" align=center bgColor=#ffffff border=0>
<TBODY>
<TR>
<TD>
<CENTER>
<P align=center><FONT color=#000000><FONT size=5>这里写内容！</FONT></P></CENTER></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER>
<P></P>
<CENTER> </CENTER></TD></TR></TBODY></TABLE></CENTER>

 

 朋友看到啦！是6个边框加一个背景哦！7个素材图哦！认真选图（素材自选）。

 

 

 

 

为了大家打开空间及日志的速度,请勿留图片.文字交流谢谢!

 

 

 

 

欢迎朋友们来《玫瑰家园》和《LOVE佳家园》学习  请尊重作者  尊重原创  请勿使用变相复制 欢迎转载 请做个有中华民族 传统美德 的转载者 转载请留言 谢谢

 

 

• 赞(6)赞(6)
• 转载(912)
• 分享(13)
• 评论(661)
• 复制地址
• 举报
• 更多

上一篇 |下一篇：┈━═╬陶醉在《...

HTML基初教程 |原创：℡带刺的玫瑰︶ㄣ伱の寵兒

签名档

主人的热评日志

• ┈━═╬ 你在他乡还好么╬═━┈2012-07-21 17:11
• ┈━═╬ To 夢幻№①非非哥哥生辰【千年风雅VS情意签】╬═━┈2012-02-13 13:52
• ┈━═╬HTML代码音画高级教程╬═━┈2010-07-07 22:48