梅竹再为你讲解：用代码做两层表格（模板）实现在图片上随意添加文字图片和音乐。

（一）模板素材

http://image71.360doc.com/DownloadImg/2014/03/1901/40042204_1.jpg 书馆地址

http://image75.360doc.com/DownloadImg/2014/06/2409/42861089_1.jpg 网易地址

http://image71.360doc.com/DownloadImg/2014/04/0814/40599801_9.jpg 书馆地址

http://image75.360doc.com/DownloadImg/2014/06/2409/42861089_2.jpg  网易地址

（二）把图片表格化（做成模板）之后添加文字图片音乐。

<br><div>

<table border="2" cellspacing="8" cellpadding="3" width="750" title="梅竹=兰菊音画敬赠" background="http://image75.360doc.com/DownloadImg/2014/06/2409/42861089_1.jpg" align="center" height="620">

<tbody>

<tr>

<td>

<table border="2" cellspacing="8" cellpadding="3" width="750" background="http://image75.360doc.com/DownloadImg/2014/06/2409/42861089_2.jpg  " align="center" height="562">

<tbody>

<tr>

<td>

<div align="center"><font style="FONT-SIZE: 24px" color="#ff9900"><b>梅竹=兰菊音画敬呈<br>祝福朋友儿童端午双节幸福快乐</b></font> </div>

<p align="center"><font style="FONT-SIZE: 24px" color="#ff9900">2014-05-30-20-02</font></p>

<div align="center"><embed height="360" type="application/x-shockwave-flash" width="600" src="//q168995.202030.com/mp3.swf" wmode="transparent" invokeurls="false" allowscriptaccess="never" allownetworking="internal">

<div align="center"><b style="COLOR: rgb(255,153,0); FONT-SIZE: 24px">写字或图片</b></div><div align="center"><b style="COLOR: rgb(255,153,0); FONT-SIZE: 24px"><br></b></div><div align="center"><b style="COLOR: rgb(255,153,0); FONT-SIZE: 24px">梅竹=兰菊音画</b></div></div></td></tr></tbody></table></td></tr></tbody></table></div>

（三）说明

这是一个两层表格：

（1）红色字是图片地址

（2）蓝色字是边距数值

（3）绿色字是两层图片的宽和高度

（4）粉色字是注释标签（隐形署名标签）

（5）紫色字是FIASH音乐地址

（6）文章内容三部分：文字，音乐，底标注 是放在第二个表格之内（及边框之内）之后是尾标签；要注意它和首标签的反向对应关系。

（7）注释标签title="梅竹=兰菊音画敬赠"与后面的 background 之间要间隔1PX（即一个空格）这一点很重要；之后是小符号不要出纰漏，会影响显示效果，查找也极其困难！

（四）把上述表格代码写进 编辑器（<>  代码状态）发表或预览就是如下效果：

把图片表格化（做成模板）之后添加文字图片音乐。

梅竹=兰菊音画敬呈

祝福朋友儿童端午双节幸福快乐

2014-05-30-20-02

写字或图片

梅竹=兰菊音画