网页分析 难忘母爱

山 没有母亲的爱高 海 没有母亲的爱深 天 没有母亲的爱广 地 没有母亲的爱容 难忘母爱 地 没有母亲的爱容 天 没有母亲的爱广 海 没有母亲的爱深 山 没有母亲的爱高

 

<table border="1" cellSpacing="20" borderColor="#0000ff" cellPadding="0"

width="650" bgColor="#ff34b3" height="550">
<tbody>
<tr>
<td colSpan="3">

<img src=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_1

width="650" height="200">

<table border="0" cellSpacing="0" borderColor="#ab82ff" cellPadding="0"

width="650" bgColor="#ff34b3" height="156">
<tbody>
<tr>
<td width="225">
<p align="center">
<marquee direction="right" height="250" width="150" scrollAmount="1">

<font style="width: 20px; color: rgb(255, 255, 0); line-height: 150%;

font-family:隶书; font-size: 20pt; writing-mode: tb-rl;"><strong>山 没有母亲的爱高<br>海 没有母亲的爱深<br>天 没有母亲的爱广<br>地 没有母亲的爱容</strong></font></marquee></p></td>

<td>
<table border="0" width="200"

background=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_8

align="center" height="302">
<tbody>
<tr>
<td height="302" width="225">

<embed height="300" type="application/x-shockwave-flash" width="200"

src="http://tmflash./flashxuexi/QQ249181841-115.swf" quality="high"

menu="false" wmode="transparent">
</td></tr>
<tr>

<td align="center"><p align="center"><strong><font style="font-size: 24px;"

color="#ffff00">难忘母爱</font></strong></p></td></tr></tbody></table></td>

<td width="225">
<p align="center">
<marquee height="250" width="150" scrollAmount="1">

<font style="width: 20px; color: rgb(255, 255, 0); line-height: 150%; font-family:

隶书; font-size: 20pt; writing-mode: tb-rl;"><strong>地 没有母亲的爱容<br>天 没有母亲的爱广<br>海 没有母亲的爱深<br>山 没有母亲的爱高</strong></font></marquee></p></td></tr>
<tr>
<td bgColor="#ffffff" colSpan="3">
<marquee behavior="alternate" width="650" scrollAmount="2" scrollDelay="30">

<img style="border: 4px solid rgb(153, 153, 255);"

src=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_2

width="180">

<img style="border: 4px solid rgb(153, 153, 255);"

src=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_3

width="180">

<img style="border: 4px solid rgb(153, 153, 255);"

src=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_4

width="180"><img style="border: 4px

solid rgb(153, 153, 255);"

src=http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_5

width="180"><img style="border: 4px solid rgb(153, 153, 255);"

src="http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_6"

width="180"><img style="border: 4px solid rgb(153, 153, 255);"

src="http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_7"

width="180"></marquee></td></tr></tbody></table>
</td></tr></tbody></table>

　解析：

　　分析方法：先看首尾，再看中间。在分析的过程中，一定要留心观察各种标签的尾标签在什么地方，其首标签与尾标签之间的内容，就是这个标签所管辖的内容。特别是表格标签，尤其应该注意，一定要弄清楚你分析的这个网页中的表格究竟是几重表格。

　　上面的代码分析如下：

　　这篇代码的开始处，是一套表格标签。表格的单元格中已经放入了一个图片，接着又是一套表格标签，并且，下面的几行内也不见表格的尾标签。

这篇代码的结束处，是两套表格标签。这就不难判断，这个网页的大部分内容，都是放入第二个表格以后，把第二个表格又放入第一个表格中的。

　　下面我们再来分析中间部分的代码，也就是第二个表格中的内容。

　　第二个表格是一个两行三列的表格。

　　在第二个表格的第一行的第一个单元格内设置了一套段落标签。在段落中输入了一段竖排版的“向右”移动的文字，文字的内容是：“山 没有母亲的爱高　　海 没有母亲的爱深　　天 没有母亲的爱广　　地 没有母亲的爱容”。

在第一行的第二个单元格内设置了一个两行一列的表格。在表格标签中设置了一个地址为：http://image52.360doc.com/DownloadImg/2012/06/1605/24886308_8的背景图片；在第一行的单元格中插入了一个动画图片；在第二行的单元格中输入了“母爱难忘”的文字。

　　在第一行的第三个单元格内设置了一套段落标签。在段落中输入了一段竖排版的“向左”移动的文字，文字的内容是：“山 没有母亲的爱高　　海 没有母亲的爱深　　天 没有母亲的爱广　　地 没有母亲的爱容”。

　　第二个表格的第二行，是一个合并了列的单元格，把三个单元格合并为一个单元格，放入了六个左右“来回走”的移动小图片。