发新话题
打印

[分享] HTML代码学习教程

代码:

<MARQUEE width=250 height=50><FONT face=隶书 color=#ff0000 size=6>欢迎大家光临</FONT></MARQUEE>
<MARQUEE direction=right width=250 height=50><FONT face=隶书 color=#ff0000 size=6>欢迎大家光临</FONT></MARQUEE>

欢迎大家光临 欢迎大家光临

TOP

代码:

<TABLE cellSpacing=0 cellPadding=0 align=center background=http://bbs.680.cn/UploadFile/2005-7/200579103213764.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center bgColor=red>
<TBODY>
<TR>
<TD align=middle><FONT style="FONT-SIZE: 60pt" face=华文行楷 color=#336699>回复是一种美德!</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

回复是一种美德!

[ 本帖最后由 zhyh 于 2007-2-5 23:21 编辑 ]

TOP

代码:

<TABLE borderColor=#cd5c5c height=100 width=400 align=center border=3>
<TBODY>
<TR>
<TD
background=http://www.jiahuism.com/bbs/UploadFile/2004-9/200496102712413.gif>
<P align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=500><IMG alt="" src="图片地址"
><FONT color=#ff0000 size=6><B>印心论坛</B><IMG alt=""src="图片地址"></FONT></MARQUEE></P></TD></TR></TBODY></TABLE>

看了这个实例大家是否意识到了什么??呵呵,原来图片和文字一样,在代码<MARQUEE中的变化是完全一样的包括属性,所不同的是文字由<FONT>...</FONT>控制,而图片则由<img>....</img>控制。本例中蓝色部分是边框的背景图绿色部分是定义文字,而玫瑰色当然就是移动的图片了。

这些代码都可以通过改变字体,图片地址,等等,来为己所用.当我们随后学了表格的相关内容后,大家就会对这些代码一幕了然,慢慢来!!!

印心论坛

[ 本帖最后由 zhyh 于 2007-2-5 23:28 编辑 ]

TOP

<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT color=#7topzj size=5><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60 align="middle">欢</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>迎</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>光</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>临</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>印</MARQUEE><FONT color=red>
<MARQUEE direction=up behavior=alternate width=40 height=60>心</MARQUEE><FONT color=red>

<MARQUEE direction=up behavior=alternate width=40 height=60>论</MARQUEE><FONT color=red>

<MARQUEE direction=up behavior=alternate width=40 height=60>坛</MARQUEE><FONT color=red>
</FONT></FONT></FONT></FONT></FONT></FONT></B></MARQUEE>

 

TOP

代码:

<DIV align=center>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>印印印印印</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>心心心心心</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>论论论论论</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>坛坛坛坛坛</I></FONT></B></MARQUEE>
<MARQUEE scrollAmount=2 width=80 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 60pt; FILTER: blur(add=1, direction=40,strength=10); WIDTH: 450px; LINE-HEIGHT: 150%; POSITION: relative" face=华文行楷 color=#9955aa><I>棒棒棒棒棒</I></FONT></B></MARQUEE></DIV>
 
 

TOP

印印印印印 心心心心心 论论论论论 坛坛坛坛坛 棒棒棒棒棒

TOP

代码:

<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=8 direction=right behavior=alternate><B><FONT size=5>
<MARQUEE direction=up behavior=alternate width=40 height=200 align="middle"><FONT color=lime>哎呀呀</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=150><FONT color=red>乐乐<BR>乐</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=200><FONT color=orange>要<BR>快乐</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=150><FONT color=fuchsia>要<BR>开心</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=200><FONT color=olive>不高兴</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=150><FONT color=green>我好烦</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=200><FONT color=red>我好闷</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=40 height=150><FONT color=orange>我好笨</FONT></MARQUEE></FONT></B></MARQUEE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

 

 

哎呀呀 乐乐

快乐

开心
不高兴 我好烦 我好闷 我好笨

TOP

<TABLE borderColor=#000000 cellSpacing=0 cellPadding=5 bgColor=#6699ff border=1>
<TBODY>
<TR>
<TD>
<MARQUEE scrollAmount=1 scrollDelay=30 direction=up width=200 height=150>
<H2 align=center><FONT face=黑体 color=#ffffff>偶 然</FONT></H2>
<P align=right>
<P><BR>我是天空里的一片云,<BR>偶尔投影在你的波心—— <BR>你不必讶异, <BR>更无须欢喜—— <BR>在转瞬间消灭了踪影。<BR><BR>你我相逢在黑暗的海上,<BR>你有你的,我有我的,方向;<BR>你记得也好, <BR>最好你忘掉, <BR>在这交会时互放的光亮! </P></MARQUEE></TD></TR></TBODY></TABLE>

偶 然


我是天空里的一片云,
偶尔投影在你的波心——
你不必讶异,
更无须欢喜——
在转瞬间消灭了踪影。

你我相逢在黑暗的海上,
你有你的,我有我的,方向;
你记得也好,
最好你忘掉,
在这交会时互放的光亮!

TOP

<TABLE bgColor=yellow>
<TBODY>
<TR>
<TD vAlign=top width=1>
<MARQUEE scrollAmount=1 direction=down behavior=alternate height=60>
<MARQUEE scrollAmount=4 direction=right behavior=alternate width=468>印心论坛</MARQUEE></MARQUEE></TD>
<TD width=468>
<MARQUEE scrollAmount=1 direction=up behavior=alternate height=60>
<MARQUEE scrollAmount=4 behavior=alternate width=468><FONT color=#3333cc size=4>欢迎大家</FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>


 

印心论坛 欢迎大家
[ 本帖最后由 zhyh 于 2007-2-5 23:49 编辑 ]

TOP

<MARQUEE direction=up width=400 bgColor=#ffffff height=300>
<MARQUEE width="100%" height=35><FONT style="FONT-SIZE: 40px; COLOR: #ff0000">让大家都会用代码</FONT></MARQUEE></MARQUEE>

 

让大家都会用代码

TOP

发新话题