html语言解析-超级军网

一：背景
原代码如下：
<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

帖子内容，文字或图片.....
</TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：


<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> 
注解：
width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。
border="1"
表格边框的厚度，不同浏览器有不同的内定值，故请指明。 
cellspacing="2"
表格格线的厚度
align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center
valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。
background="myweb.gif"
表格的背景图片，与 bgcolor 不要同用。 
bgcolor="#0000FF"
表格的底色，与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。
<DIV></DIV>

[此贴子已经被作者于2005-1-23 12:20:36编辑过]

一：背景
原代码如下：
<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

帖子内容，文字或图片.....
</TD></TR></TBODY></TABLE>

<TABLE> 的参数设定（常用）：


<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2"> 
注解：
width="400"
表格宽度，接受绝对值（如 80）及相对值（如 80%）。
border="1"
表格边框的厚度，不同浏览器有不同的内定值，故请指明。 
cellspacing="2"
表格格线的厚度
align="CENTER"
表格的摆放位置（水平），可选值为： left, right, center
valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。
background="myweb.gif"
表格的背景图片，与 bgcolor 不要同用。 
bgcolor="#0000FF"
表格的底色，与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。
cols="2"
表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。
<DIV></DIV>

[此贴子已经被作者于2005-1-23 12:20:36编辑过]

[此贴子已经被作者于2005-1-23 12:21:35编辑过]

[此贴子已经被作者于2005-1-23 12:22:30编辑过]

[此贴子已经被作者于2005-1-23 12:28:03编辑过]

[此贴子已经被作者于2005-1-23 12:32:03编辑过]

[此贴子已经被作者于2005-1-23 12:35:06编辑过]

添加透明flash
<TABLE background=http://www.neckdoll.com/material/line/line-jjyuji01.gif border=3 cellPadding=0 cellSpacing=15 width=460>

<TR>
<TD>
<TABLE background=http://image.club5678.com/character/layers/34/3408008.gif border=1 cellPadding=0 cellSpacing=10 width=460>

<TR>
<TD>
<TABLE background=http://emu.main.jp/sozai/bbgwallsakura11.jpg border=1 cellPadding=0 cellSpacing=13 width=450>

<TR>
<TD>
<TABLE background=http://shm.2000y.net/UploadFile/2004-9/20049422337813.jpg border=0 cellPadding=0 cellSpacing=0 height=550 width=450>

<TR>
<TD><EMBED align=center pluginspage=http://www.macromedia.com/go/getflashplayer src=http://imgfree.21cn.com/free/flash/113.swf type=application/x-shockwave-flash width=400 quality="high" wmode="transparent"></EMBED><EMBED align=left height=350 src=http://imgfree.21cn.com/free/flash/4.swf type=application/x-shockwave-flash width=550 quality="high" wmode="transparent"></EMBED></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE></TD></TR></TABLE>
代码如下：
<TABLE cellSpacing=15 cellPadding=0 width=460 background=图片<a href="http://bbs.e-yu.cn/attachments/ext_gif/0wnh_20047270205710625.gif" target="_blank" >地址1</A> border=3>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=10 cellPadding=0 width=460 background=图片地址2 border=1>
<TBODY>
<TR>
<TD>

<TABLE cellSpacing=13 cellPadding=0 width=450 background=图片地址3 border=1>
<TBODY>
<TR>
<TD>
<TABLE height=550 cellSpacing=0 cellPadding=0 width=450 background=图片地址4 border=0>
<TBODY>
<TR>
<TD><EMBED pluginspage=http://www.macromedia.com/go/getflashplayer align=center src=flash地址 width=400 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED><EMBED align=left src=flash地址 width=550 height=350 type=application/x-shockwave-flash wmode="transparent" quality="high"></EMBED></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
说明：粉红字就是插入透明flash的代码，在这里我连续插入了两种flash特效。把FLASH放在图片里面，这样图片就必需作为背景才行，不足之处就在于图片往往较大，而论坛显示范围有限，作为背景的图片常常无法显示全图。所以建议大家在用这种格式的时候最好是选取一些较小的图，也或者自己用PS将图改小了再用。

<DIV></DIV>

谢谢，太详细了。我会好好研究的~~[em31][em31][em31][em31]

例帖
<CENTER>
<TABLE align=center background=http://www.neckdoll.com/material/line/line-jjyuji01.gif border=1 cellPadding=10 cellSpacing=10 height=100 width=490 table>

<TR>
<TD>
<TABLE align=center border=0 cellPadding=0 cellSpacing=0>

<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=60>
<CENTER>神州美景</CENTER></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=35 width=400>火红郁金香 ↓ </TD></TR>
<TR>
<TD background=http://news.china.com/zh_cn/social/1007/20040726/images/11801625_207572.jpg height=304 width=400></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=35 width=400>绿色玫瑰 ↓ </TD></TR>
<TR>
<TD background=http://news.china.com/zh_cn/social/1007/20040726/images/11801625_207574.jpg height=304 width=400></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=35 width=400>淡烟色郁金香↓ </TD></TR>
<TR>
<TD background=http://news.china.com/zh_cn/social/1007/20040726/images/11801625_207575.jpg height=304 width=400></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=35 width=400>昙花↓ </TD></TR>
<TR>
<TD background=http://news.china.com/zh_cn/social/1007/20040726/images/11801625_207573.jpg height=304 width=400></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=35 width=400>芹叶铁线↓ </TD></TR>
<TR>
<TD background=http://news.china.com/zh_cn/social/1007/20040726/images/11801625_207576.jpg height=304 width=400></TD></TR>
<TR>
<TD background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0127.gif height=60>
<CENTER>==谢谢欣赏==</CENTER></TD></TR></TABLE></TD></TR></TABLE></CENTER>

字体色彩代码

在帖子上到处飞的特效flash
<EMBED align=right height=358 src=http://bbs.flasher123.com/UploadFile/2004-9/20049120533895073.swf style="HEIGHT: 1800px; LEFT: 0px; POSITION: absolute; RIGHT: 200px; TOP: -11px; WIDTH: 600px" type=application/octet-stream width=936 wmode="transparent" quality="high" ;;>

代码如下，换个你喜欢的透明flash 地址就可 
<EMBED align=right height=358 src=此处粘贴所需的flash地址 style="HEIGHT: 1800px; LEFT: 0px; POSITION: absolute; RIGHT: 200px; TOP: -11px; WIDTH: 600px" type=application/octet-stream width=936 wmode="transparent" quality="high" ;;>

有兴趣学的朋友提出问题我可以解答的自然在此帖中解答

[此贴子已经被作者于2005-1-23 13:44:23编辑过]

注册不上辛苦了
文字向上移动的效果及代码

<MARQUEE scrollAmount=1 direction=up height=100>
<CENTER>浅唱


<CENTER>等你的时候甘露孕育的花蕾

曾伫立风中开放我美丽的无奈

骤雨的晨曦被散落一地的都是

痴情的叹息以及风中的憔悴

当爱恋的足音失落在异域的旷野

寂寞冰心早已随着季节远行

幡然回顾这世间所谓伤心的记忆

不是错过美丽就是被美丽错过……


</CENTER></CENTER>


</MARQUEE>

代码如下：
 <MARQUEE scrollAmount=1 direction=up height=100>
<CENTER>浅唱 
<CENTER>等你的时候甘露孕育的花蕾 
曾伫立风中开放我美丽的无奈 
骤雨的晨曦被散落一地的都是 
痴情的叹息以及风中的憔悴 
当爱恋的足音失落在异域的旷野 
寂寞冰心早已随着季节远行 
幡然回顾这世间所谓伤心的记忆 
不是错过美丽就是被美丽错过…… 

</CENTER></CENTER>


</MARQUEE>

严重要求加精置顶！[em02]我得好好学学了!

图片飞行的效果及代码：

<MARQUEE style="WIDTH: 437px; HEIGHT: 450px" scrollAmount=2 direction=up height=450>
<CENTER><IMG src="http://www.536100.com/img/boy068.gif"></CENTER></MARQUEE>
 代码如下：
 <MARQUEE style="WIDTH: 437px; HEIGHT: 489px" scrollAmount=2 direction=up height=489>
<CENTER><IMG style="WIDTH: 191px; HEIGHT: 177px" height=300 src="http://www.536100.com/img/boy068.gif" width=300></CENTER></MARQUEE>
其中的style="WIDTH: 437px; HEIGHT: 489px" 是图片移动的相对宽度，高度。
height=300 width=300 是图片的长，宽
可以自己依据实际情况调整。

[此贴子已经被作者于2005-1-23 18:48:07编辑过]

嘻嘻群策群力才好遇到问题解决问题就是了

这个教程比较长，但是比较详细有耐心的可以看看。(我是没怎么看^_^)<a href="http://www.gzsums.edu.cn/webclass/html/html_design.html" target="_blank" >http://www.gzsums.edu.cn/webclass/html/html_design.html</A>

其实，能学好这些就像学习一种乐器，能更好的表达自己的感情，HTML和flash都是很好的艺术。[em31][em31][em31][em31]

……好厉害……

谢谢，我做的动画正好可以用上，请问你是做什么的？[em01]

嘿嘿，正好可以用在我的主爷制作上，感谢楼主

好强啊.. 在下佩服直至!

看过之后
一知半解
背景和动太的那部分不会