打印

[转贴] [转帖]教大家运用HTML语言发漂亮帖帖

闲云山水

论坛元老

Rank: 8 Rank: 8

帖子: 3061
精华: 14
积分: 7770
威望: 43
经验: 5353
在线时间: 623 小时
注册时间: 2005-5-23

Medal No.1

1^# 大中小发表于 2007-9-10 06:46 只看该作者

[转帖]教大家运用HTML语言发漂亮帖帖

教大家运用HTML语言发漂亮帖帖~~ 有些人在网上看到了好多漂亮的音画帖帖，自已是否也想来制作呢？

下面我来教大家如何运用HTML语言，其实很简单的，只要你掌握一定的规律，一点都不难的。如果你会运用HTML语言，那就不要浪费时间看下去了：）哦，对了，差点忘了！在发代码前一定要先点一下：HTML，把代码复制上面去，再点Design在里面编辑就可以了哈~~

（给初学者，高手就不麻烦你看这帖子了，时间宝贵的很，别处逛逛去）

再补一句，网页素材可以到《网页构建素材版块》里找到，也可以到我的家园里面随便的拿来用哦！

一、边框：

1、一层
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5>

2、两层
<

ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#A93CC4 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>

3、三层
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#CCCC33 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://www.vigevano.net/pianzoline/fotoset04/013/wingstile.jpg border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE>

4、四层

<CENTER>
<TABLE cellSpacing=0 cellPadding=30 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosarayasluz.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaluminoso.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=10 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/fromheavengold.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#0000ff cellSpacing=0 cellPadding=0 width="100%" align=center background=http://www.vigevano.net/pianzoline/fotoset04/013/frosaramosblancosuave.jpg border=1>
<TBODY>
<TR>
<TD>内容
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>
</TD></TR></TBODY></TABLE>

二、加框有一层FLASH的图片

<TABLE height=280cellSpacing=0 cellPadding=0 width=380 background=http://www.tianshi163.com/zy/4.gif border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<

align=center><EMBED src=http://bbs.tianshi163.com/UploadFile/2005-3/200538181042.swf width=600 height=150 type=application/x-shockwave-flash tybe="application/x-shockwave-flash" quality="high" menu="false" wmode="transparent"></P></TD></TR></TBODY></TABLE>

三：图片倒影效果：
(使用时必须去掉"HTML"旁边"自动修正"的钩.)<

align=center><FONT style="FONT-SIZE: 27pt; WIDTH: 220px; COLOR: #00ff00; HEIGHT: 10px"><IMG src="http://www.tianshi163.com/zy/4.gif"><FONT id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px"><IMG src="http://www.tianshi163.com/zy/4.gif"></P></FONT></FONT>

四、加入背景音乐代码：

<EMBED src=http://www.flamesky.org/raynal-onwer/asoka%20theme..wma.wma hidden=true type=audio/x-ms-wma LOOP="TRUE" AUTOSTART="TRUE"></EMBED>

<EMBED align=middle src=http://baysky.com/Music/wzmkl.mp3 width=0 height=0 type=audio/x-pn-realaudio-plugin autostart="true" c volume="100" loop="true"></EMBED>

所用元素：<EMBED></EMBED>
参数：src：音乐文件的URL；hidden：=true为不可见，=false反之；type：指定音频类型；LOOP：是否循环播放，注意其值置于小角双引号中；AUTOSTART