Google
      
发新话题
打印

[教学素材] HTML语言代码扫盲帖(一)

本主题由 dream2008 于 2008-7-1 11:59 设置高亮

HTML语言代码扫盲帖(一)

我也是音画方面的菜鸟,这是我在其他网站看到的,看到还不错,非常简洁,就转过来大家一起学习研究一下。大家记住:一定要跟着做,这样才会学得快学得到。

做音画代码帖首先我们先打破对代码的困惑,而我们最先接触的代码就是
必须成对出现,缺一不可, table这一项是具体的工作场,如吧整个音画做为一出戏,那table就是戏中的舞台。要是吧整个音画做为一顿美餐。table就是桌子 tr是拓展工作区域的标识工具。 td就是舞台上的装饰品 下面我们就以table来做帖

上面这个台面的代码是

 

<TABLE height=200 width=300 bgColor=#006600>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>

这个代码中多了大家不认得的代码bgcolor。 bgcolor是设置舞台背景色的代码。下面是色彩代码的链接 http://www.zhaozi.cn/color.htm 而整个舞台的高宽度代码 width=300 height=200 但我们发觉上面的帖已超过设计的宽度,对这个问题大家别着急。因为整个帖没给它定位,而各个论坛代码会有点差已,等大家熟悉了基本代码后就会了解了

TOP

床前明月光,凝是地上霜。
举头望明月,低头思故乡。

<table bgcolor=#006600 width=300 height=200>

<tr>

<td  align=center>

<font size=6 color=ff0000>

<strong>

床前明月光,凝是地上霜。<br>

举头望明月,低头思故乡。</strong></font></td></tr></table>

 

这是上面这个舞台的代码。我们看到

<td  align=center>

<font size=6 color=ff0000>

<strong>

床前明月光,凝是地上霜。<br>

举头望明月,低头思故乡。</strong></font>


这样一段代码。就用到了td 这个代码了。td 就是舞台上的装饰品。而我们的装饰品就是

 

床前明月光,凝是地上霜

举头望明月,低头思故乡

 

align=center是给文字定位代码。

 

首先要设定文字的位置,

 

不设的话系统默认left(居左),

我们设的align=cneter(居中,align:文字对齐方式的标识),还有一种是right(居右)

font这个字符是文字出场的标识,一定不可以少了,size:设定文字大小,数字越大字也越大,color:文字颜色,方法与设背景相同。strong:文字加粗的标识(也可以使用<b>......</b>)。

<br>文字空格工具。

TOP

床前明月光,凝是地上霜。
举头望明月,低头思故乡。

<TABLE height=200 width=300 bgColor=#006600>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 direction=up width=400 height=100>
<:p align=center><FONT color=#ff0000 size=6><STRONG>床前明月光,凝是地上霜。<BR>举头望明月,低头思故乡。 </STRONG></FONT></P></MARQUEE></TD></TR></TBODY></TABLE>

 

 

 

 

这是上面这个舞台的代码。已经接近我们一般做帖的代码了。多了一个最关键的代码。<tbody>


<tbody>在做音画边框是必要的一个代码。他和
<tbody>
<tr>
<td>就像音画里的三剑客^_^,缺一不可。但我们上面的几个舞台都没用到<tbody>。是因为我门搭的舞台太简单,就是一快布,还没给它搭框架。而<tbody>就起到搭框架的作用。^_^

<marouee>是文字的移动代码。

scrollamount=3:文字滚动速度,数字越大速度越快

direction=UP: 文字滚动方向,它有四个参数:UP(向上),down(向下),left(向左),right(向右)

height:滚动文本框的高度,width: 滚动文本框的宽度 ,数值多少自已可以定,高度太小了,视觉会很窄,高度太了,字又很少,滚动一次和第二次的间隔会很长,宽度小了字不能完全显示。

TOP

床前明月光,凝是地上霜。
举头望明月,低头思故乡。

 

<TABLE height=200 width=300 bgColor=#006600>
<TBODY>
<TR>
<TD align=middle>
<MARQUEE scrollAmount=1 direction=up width=400 height=100>
<:p align=center><FONT color=#ff0000 size=6><STRONG>床前明月光,凝是地上霜。<BR>举头望明月,低头思故乡。 </STRONG></FONT></P></MARQUEE>
<:p align=center><EMBED src=http://duan44.wuhan.net.cn/upsong/2c4825c8-d715-4fa8-a438-949bce1927b8.mp3 width=400 height=40 type=audio/x-pn-realaudio-plugin controls="ContorlPanel," StatusBar AutoStart="true" Loop="true"></EMBED> </P></TD></TR></TBODY></TABLE><IMG alt=:$ src="./images/smilies/default/shy.gif" border=0 smilieid="8">
上面这个舞台我们就插上了音乐播放器代码

<p align=center><embed src=http://duan44.wuhan.net.cn/upsong/2c4825c8-d715-4fa8-a438-949bce1927b8.mp3 type=audio/x-pn-realaudio-plugin controls=ContorlPanel, StatusBar AutoStart=true Loop=true width=400 height=40></embed>

我们可要看清楚它所插的位置,千万不要插到外面去^_^

音乐代码:<embed src=音乐网址 type=audio/x-pn-realaudio-plugin controls=ContorlPanel, StatusBar AutoStart=true Loop=true width=400 height=40>

解释:embed: 动画及音乐上场的标识

AutoStart=true 规定是否自动播放,true(或者1)表示要自动播放,falsh(或者0)表示不要,默认为true

loop=true 表示播放次数,true代表无限次播放,false表示播放一次停止。

width=播放器宽度,height=播放器高度,如果都设为0,播放器被隐藏

TOP

学习学习。。。。。。。。。。

TOP

学习ING

TOP

一个人在这里,
孤单的一个人。

[ 本帖最后由 neskevin 于 2008-7-4 22:38 编辑 ]
超级无敌乖乖熊

TOP

这个让文字在CENTER飘的移动动作的那个不会使用。。 [ 本帖最后由 neskevin 于 2008-7-4 22:44 编辑 ]
超级无敌乖乖熊

TOP

好好学习 天天向上!

TOP

发新话题