先学简单的制作！

谢谢老师!!! 太美了!
我要感动的

中国人
http://www.wangziwenzhai.com/images/bg.mp3
[00:00.00]歌手：刘德华
[00:00.00]歌名：中国人
[00:00.00]逍遥记录编制
[00:18.00] 曲: 陈耀川  词: 李安修  编: 涂惠元/江港生
[01:35.00][00:25.00]    五千年的风和雨啊  藏了多少梦
[01:40.00][00:30.00]    黄色的脸黑色的眼  不变是笑容
[01:47.00][00:37.00]    八千里山川河岳  像是一首歌
[01:52.00][00:42.00]    不论你来自何方  将去向何处
[02:47.00][01:59.00][00:49.00]    一样的泪  一样的痛
[02:53.00][02:05.00][00:55.00]    曾经的苦难  我们留在心中
[02:59.00][02:11.00][01:00.00]    一样的血  一样的种
[03:05.00][02:17.00][01:07.00]    未来还有梦  我们一起开拓
[03:25.00][03:13.00][01:12.00]    手牵着手不分你我  昂首向前走
[03:31.00][03:19.00][01:18.00]    让世界知道我们都是中国人
[02:42.00]欢迎光临

照葫芦画瓢,适合新手入门学习制作音画帖

帖子标题   文字　   文字     文字     文字 加入播放器   编辑制作[落款]

[ 本帖最后由 wzyh 于 2007-12-20 20:48 编辑 ]

好全面的知识，我也来学习了！

14楼代码：
<TABLE id=table1 style="LEFT: -170px; WIDTH: 1000px; POSITION: relative; TOP: 40px"

  cellSpacing=25 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041130221616791.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=15 borderColorDark=#344228 cellPadding=0 width="100%" align=center borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/2004111418562989949.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041114959024242.jpg border=0>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=5 borderColorDark=#344228 cellPadding=0 width="100%" borderColorLight=#7ea063 background=http://xz1.2000y.net/348114/uploadpic/20041225173447935.gif border=1>
<TBODY>
<TR>
<TD>
<TABLE cellSpacing=0 cellPadding=0 width="100%" background=http://xz1.2000y.net/348114/uploadpic/20041130223136635.jpg border=0>
<TBODY>
<TR>
<TD>
<P align=center><FONT color=#f0ffff size=5><STRONG><EM></P><SPAN class=tpc_content>
<CENTER>
<TABLE borderColor=#6c9100 cellPadding=2 width=620 background=http://www.lmbe.seu.edu.cn/blog/user1/99/upload/200512287444.jpg border=9>
<TBODY>
<TR>
<TD>
<P align=center>　
<P align=center><FONT face=华文彩云 color=#6c9100><FONT face=华文新魏 color=#6c9100><FONT size=6><IMG src="http://www.zxtx.org/user/yiyi/yiyijch/06/b8.jpg"></FONT></P>
<P align=center><SPAN class=tpc_content><FONT size=6></FONT></SPAN></P>
<P><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>帖子标题</STRONG></FONT></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字　</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3124.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134025870.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT color=#ff0000 size=6></FONT> </P>
<P align=center><A href="http://www.webtp.cn/Article/gg/3148.htm" target=_top><FONT size=6><IMG src="http://www.webtp.cn/Article/UploadFiles/200701/2007110134051636.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><STRONG><FONT color=#ff0000 size=6></FONT></STRONG> </P>
<P align=center><A href="http://www.haotuku.com/fengjing/guonei/gugong/html/057ce.html" target=_top><FONT size=6><IMG src="http://www.haotuku.com/fengjing/guonei/gugong/057ce.jpg" align=top border=0></FONT></A><BR></P>
<P align=center><FONT size=6></FONT> </P>
<P align=center><FONT color=red size=6><STRONG>文字</STRONG></FONT></P>
<P align=center><FONT size=6><BR></FONT></P>
<P align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD align=middle><A href="http://www.snzjw.com/page/200501.htm" target=_top><FONT size=6><IMG src="http://www.snzjw.com/time/0805054a.jpg" align=top border=0></FONT></A><BR></TD></TR></TBODY></TABLE></P>
<P align=center><FONT color=red size=6><STRONG>加入播放器</STRONG></FONT></FONT></FONT></P>
<P align=center><FONT size=6><STRONG></STRONG></FONT> </P>
<P align=center><FONT color=red size=6>编辑制作[落款]</FONT> </P></TD></TR></TBODY></TABLE></CENTER></SPAN></FONT></EM></STRONG></TD></TR></EM></STRONG></FONT>
<P></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

[ 本帖最后由 wzyh 于 2007-12-20 20:49 编辑 ]

楼主说得对，＂我想当你欣赏到这些漂亮的音画作品时，它一定会带给你天天好心情，祝大家开心快乐＂！
有时欣赏别人的作品时都会有好心情，但更多的是欣赏、崇拜和羡慕！

HTML英语意思是：Hypertext Marked Language，即超文本标记语言,是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX，WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。
所谓超文本，因为它可以加入图片、声音、动画、影视等内容，因为它可以从一个文件跳转到另一个文件，与世界各地主机的文件连接。

　　通过HTML可以表现出丰富多彩的设计风格

　　　　　图片调用：<IMG SRC="文件名">
　　　　　文字格式：<FONT SIZE="+5 " COLOR="#FF0066">文字</FONT>

效果如下:

文字

通过HTML可以实现页面之间的跳转

　　　　　页面跳转：〈A HREF="文件路径/文件名"></A>

　　通过HTML可以展现多媒体的效果
声频：<EMBED SRC="音乐文件名" AUTOSTART=true>
　　　　　视频：<EMBED SRC="视频文件名" AUTOSTART=true>

你可以使用记事本、写字板或 FrontPage Editor 等编辑工具来编写Html文件。Html语言使用标志对的方法编写文件，既简单又方便，它通常使用<标志名></标志名>来表示标志的开始和结束(例如<table></table>标志对)，因此在Html文档中这样的标志对都必须是成对使用的。

从代码结构来看，HTML帖子实际上就是一个去头去尾的Web页面,换句话说用HTML代码编辑的帖子

其实质就是网页编辑的一个小内容.因此要想学精通是比较困难的,可是千万别怕!!!我们都不是从事网页设计的,只想编个漂亮的帖子而已,那就简单的多了.大家只要记熟一些常用的代码,了解这些代码的含义就完全够了,我们可以采取套用(简单的复制粘贴),转贴后修改等方法来达到目的,多则半个月,少则一个星期,应该就能制作HTML代码帖子了,套用多了,自然就熟悉了,有兴趣的话可以进一步求精了.

[ 本帖最后由 wzyh 于 2007-12-20 20:50 编辑 ]

论坛HTML帖子常用代码

一、文字标记

基本代码如下：

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center　表示字体居中，可选值为居右（right）居左（left）


color=颜色代码
face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

size=字体大小，这里的最大值为6　取值越大文字就越大


1.字体变化 <font>..........</font>
a.字体大小 <font size=#>..........</font> #=1~7；数字愈大字也愈大
b.指定字型 <font face="字体名称">..........</font>
c.文字颜色 <font color=#rrggbb>..........</font>
rr：表红色（red）色码
gg：表绿色（green）色码
bb：表蓝色（blue）色码
rrggbb也可用6位颜色代码数字

2.粗体字 <b>..........</b>
3 字体加粗<STRONG>..........</STRONG>和<b>标签差不多的效果
4.换行（也称回车） <br>

5.分段标记 <p>

文字的对齐方向 <p align="#"> #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.<p align="#">之后的文字都会以所设的对齐方式显示，直到出现另一个<p align="#">改变其对齐方向，遇到<hr>或<h#>标签时会自动设回预设的向左对齐。

6.区隔标记 <DIV>

<DIV>称为区隔标记。作用：设定字、画、表格等的摆放位置。
<DIV>应用于 Style Sheet（式样表）方面会更显威力，它最终目的是给设计者另一种组织 能力，有 Class ; Style ; title ; ID 等属性。。
以 <DIV align="center"> 为例：

align="center"
可选值：center ; left ; right 。决定字、画、表格等居中、靠左或靠右。
<DIV align="center"> 的作用和居中标记 <CENTER>一样。。
注：其实常用跟<p>标签的效果差不多，但是功能比<p>相对强一些。。。
7.分隔线 <hr>
a.分隔线的粗细 <hr size=点数>
b.分隔线的宽度 <hr size=点数或百分比>
c.分隔线对齐方向 <hr align="#">
#号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐
d.分隔线的颜色 <hr color=#rrggbb>
e.实心分隔线 <hr noshade>

8.居中对齐 <center>..........</center> 跟<p align="center">........</p>,<DIV align="center">........<DIV>效果基本是一样的。。。

9.文字移动标记<MARQUEE>..........</MARQUEE>

<marquee 属性＝属性值> 滚动内容 </marquee>

移动速度指令是:scrollAmount=# #最小为1，速度为最慢；数字越大移动的越快。
字符移动每步的延时:scrolldelay=# 属性值为数字， #最小为1， 数值越大速度越大，反之亦然。
移动方向指令是：direction=# up向上、down向下、left向左、right向右。
移动方式:behavior 属性值为scroll：文字单向移动，side：移动到边界停止，alternate：到边界后反向移动；
align，对齐方式，其属性值为center，left，right，top, middle, bottom，分别表示居中，左对齐， 右对齐，对齐上沿、中间、下沿；
bgcolor，移动字符的背景色，属性值为颜色代码，可以是rrggbb 16 进制数码，r=red，g=green， b=blue，也就是色彩中的三原色，也可是预定义色彩；
loop，移动字符的循环次数，属性值为数字，若未指定则循环不止(infinite)；
width及height，文字高度和宽度，以象素为单位，属性值为数字；
hspace字符左右留白长度，属性值为数字；
vspace字符上下留白长度，属性值为数字；
scrollamount字符的移动速度，属性值为数字，数值越大速度越大，反之亦然；