春天没来老师对【莲友音画】心灵与共 网页代码的分析

姑娘：

你好！

你制作的音画作品我看过了，制作得挺不错的！在网页中添加内容的方法，你基本上掌握了！恭贺你，姑娘！

由于你的这篇作品太复杂了，有些地方，你还不能制作出最佳的效果来，这是完全可以理解的。

下面附你的原代码。我用红色标示出来的代码都应该“删除”掉。

最前面，不知你怎么就弄出了一些表格的尾标签？那是无用的代码。

<DIV align=center>&nbsp;</DIV>

<DIV align=center></DIV><TBODY></TBODY></TABLE>

再往下面的：<DIV></DIV>，<P></P>，是空块区，空段落，都是无用的。它们只能够起个空行的作用。因为你的网页中大部份内容都应用了css的定位样式了，用不着空行了。

再往下面，表格的一套尾标签的下面，插入了一个隐藏的播放器。隐藏的播放器是不会显示出来的，所以根本用不着那些块区标签了，只保留播放器的代码足矣。

除了给你删除了一些多余的代码以外，我又给你把剩余的代码修改了一下，在下封短信中给你发送过去。

你的原代码：

<TABLE style="POSITION: relative; WIDTH: 760px; HEIGHT: 587px; TOP: 0px; LEFT: 0px" border=3 width=760 align=center height=587>

<TBODY>

<TR>

<TD background=http://image61.360doc.com/DownloadImg/2013/06/1711/33214491_1.jpg>

<MARQUEE direction=down height=587 behavior=alternate scrollAmount=3>

<MARQUEE behavior=alternate width=760 scrollAmount=5>

<DIV><IMG style="WIDTH: 120px; HEIGHT: 100px" src="//image14.360doc.com/DownloadImg/2010/08/2214/4777960_115.gif" width=120 height=100> </DIV>

<DIV></DIV>

<DIV align=center><FONT style="FONT-FAMILY: 黑体,SimHei" color=#ff5092 size=6><STRONG>莲友音画</STRONG></FONT></DIV></MARQUEE><EMBED style="POSITION: absolute; WIDTH: 600px; TOP: -40px; LEFT: 130px" height=400 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=800 src=http://www.cctv118.com/2010yh/chuntian/f/燕子.swf allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"></MARQUEE><EMBED style="POSITION: absolute; WIDTH: 600px; TOP: 190px; LEFT: 30px" height=400 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=800 src=http://www.xcwhw.cn/fla/bb/hc/522.swf 荷花 allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"> </FONT>

<DIV></DIV> </MARQUEE></MARQUEE></TD>

<P></P> </TR></TBODY>

<P></P> </TABLE>

<DIV></DIV>

<DIV align=center>&nbsp;</DIV>

<DIV align=center> <EMBED height=0 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=0 src=http://xmjnd1.202030.com/mp3.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allownetworking="internal"> &nbsp;</DIV>

附:春天没来老师修改后的网页代码

发件人：春天没来

时  间：2014-04-12 21:54:48

<TABLE style="POSITION: relative; WIDTH: 967px; HEIGHT: 629px; TOP: 0px; LEFT: 0px" border=3 width=760 align=center height=587>

<TBODY>

<TR>

<TD style="WIDTH: 967px; HEIGHT: 629px" background=http://image61.360doc.com/DownloadImg/2013/06/1711/33214491_1.jpg>

<DIV style="POSITION: absolute; WIDTH: 940px; TOP: 20px; LEFT: 20px" class=divBorderStyle height="587">

<MARQUEE style="HEIGHT: 387px" direction=down behavior=alternate scrollAmount=3>

<MARQUEE behavior=alternate scrollAmount=5>

<DIV><IMG style="FILTER: Alpha(opacity=100,style=2); WIDTH: 180px; HEIGHT: 180px" src="//image.360doc.com/DownloadImg/1523/231385_1.jpg"></DIV>

<DIV align=center><FONT style="FONT-FAMILY: 黑体,SimHei" color=#ff5092 size=6><STRONG>莲友音画</STRONG></FONT></DIV></MARQUEE></MARQUEE></DIV><EMBED style="POSITION: absolute; WIDTH: 900px; TOP: -60px; LEFT: 20px" height=300 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=800 src=http://www.cctv118.com/2010yh/chuntian/f/燕子.swf allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"> <EMBED style="POSITION: absolute; WIDTH: 600px; TOP: 230px; LEFT: 30px" height=400 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=800 src=http://www.xcwhw.cn/fla/bb/hc/522.swf 荷花 allownetworking="internal" allowscriptaccess="never" quality="high" invokeurls="false" wmode="transparent"> </FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE><EMBED height=0 type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer width=0 src=http://xmjnd1.202030.com/mp3.swf wmode="transparent" invokeurls="false" quality="high" allowscriptaccess="never" allownetworking="internal">

推荐欣赏:         ★莲友1972的作品★

[原]【莲友音画】心灵与共◎→◎古琴欣赏

（莲友1972书馆编辑）