初学者一打开HTML制式，看到的往往是一堆代码，即便不晕也是丈二和尚，往往会在这个时期放弃学习，实际上你只要摸上规律，找到窍门，它是很简单的，因为它的组成是有定律的、是固定的。下面我就从最基本的、最基础东西开始，和大家共切磋

HTML语言音画最基本的构成就是四个部分：
1.边框
2.图片（内容）
3.音乐
4.FLASH

下面先讲边框：
边框可以设置任意N层，你想要几层就几层.........
下面是一个七层边框的实例介绍，图片可以任意换，只要你觉着好看就行：
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=10 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=0 borderColorDark=#001a1a cellPadding=15 width=500 borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=0 cellPadding=3 width=100% background=图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=0 cellPadding=15 width=100% background= 图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=0 cellPadding=3 width=100% background=图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=0 cellPadding=15 width=100% background=图片地址 border=0>
<TBODY>
<TR>
<TD width=100%>
<TABLE cellSpacing=10 borderColorDark=#001a1a cellPadding=0 width=100% borderColorLight=#055b56 background=图片地址 border=0>
<TBODY>
<TR>

<TD>（此处插入主文）</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

其中：border =边框粗细 width= 边框宽度 height =边框高度 cellspacing=单元格间距 cellpadding=边框间距 borderColor=边框颜色 background =插入的背景

下面是帖子内容的基本格式（这些您可要记住了，如记忆力不好，可复制到文件夹里）
1、贴图片格式（支持jpg、gif等格式），红色代码是图片居中命令：
<P align=center> <IMG src=内容图片地址></P>
2、贴普通字体格式，蓝色代码为字的颜色、红色代码为字的大小（最大为了7，最小为1），其他运动字体的格式，另行讲解：
<CENTER><FONT face=宋体 color=#e4dc9b size=4>macd论坛</FONT></CENTER>
3、贴FLASH格式（红色代码分别是宽度与高度）：
<EMBED pluginspage=http://www.macromedia.com/go/getflashplayer src=FLASH地址 width=380 height=270 type=application/x-shockwave-flash quality=high wmode=transparent></EMBED>

贴音乐格式（红色部分为播放器的大小，设置为0就隐藏了播放器）：
1.背景音乐（适合　mid wma等格式）
<bgsound src=音乐网址 Loop=-1>
2.音频（适合MP3 WMA RM等很多格式）
<embed src=网址 AutoStart=true Loop=true width=400 height=40

特效字体
1、<P align=center><FONT style=FONT-SIZE: 40pt; FILTER: shadow（color=black）; WIDTH: 71.27%; COLOR: #e4dc9b; LINE-HEIGHT: 100%; FONT-FAMILY: 华文彩云; HEIGHT: 16px><B>欢迎大家来学习HTML代码图</B></FONT></P>
2、<CENTER><FONT style=FONT-SIZE: 16pt; FILTER: shadow（color=#9370DB）; WIDTH: 100%; COLOR: #ffebcd; LINE-HEIGHT: 100%; FONT-FAMILY: 隶书>记住看贴呀</B></FONT></CENTER>
3、<P align=center><FONT style=FONT-SIZE: 16pt; FILTER: shadow（color=#87CEFA, strength=50）; WIDTH: 400px><FONT face=隶书 color=#1e90ff>
<CENTER><B>和讯博客欢迎你</B></CENTER></FONT></FONT>
4、<FONT style=FONT-SIZE: 16pt; FILTER: shadow（color=black,direction=180）; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷>
<P align=center><B>特效字体很多很多<BR>我只发了几个自己喜欢用的<BR></B></P></FONT>

下面是帖子内容文字的代码：
<*FONT face=隶书 color=#FFFF00 size=5*>
［face=隶书］ 指字体
［color=#FFFF00］ 指文字颜色
［size=4］ 指文字大小，数值越大文字越大
文字中间<*br>是换行符号

1.如何控制图片的尽寸,请看以下代码:
<TABLE height=高 width=宽 align=center background=图片地址 border=0 table>
<TBODY>
<TR>
<TD>
<P><EMBED align=right src=FLASH地址 width=宽 height=高 type=application/x-shockwave-flash wmode=transparent quality=high></P></TD></TR></TBODY></TABLE>

例如:
<TABLE height=446 width=646 align=center background=http://www.hpp888.net/UploadFile/2005-9/20059510512151834.jpg border=0 table>
<TBODY>
<TR>
<TD>
<P><EMBED align=right src=http://imgfree.21cn.com/free/flash/129.swf width=500 height=300 type=application/x-shockwave-flash wmode=transparent quality=high><EMBED align=right src=http://imgfree.21cn.com/free/flash/27.swf width=646 height=446 type=application/octet-stream wmode=transparent quality=high></P></TD></TR></TBODY></TABLE>

2.全屏代码
<TABLE id=table1 style=LEFT: -220px; WIDTH: 990px; POSITION: relative; TOP: 80px

注意:把HTML格式旁边的自动修正里面的小勾去掉
把全屏代码加入第一层里面
<TABLE id=table1 style=LEFT: -220px; WIDTH: 990px; POSITION: relative; TOP: 80px cellSpacing=10 cellPadding=10 width=100% align=center bgColor=#ffffff background=边框地址 border=0><BR>
<TBODY>
<TR>
<TD>

下面是没有加全屏代码的
<TABLE cellSpacing=10 cellPadding=10 width=100% align=center bgColor=#ffffff background=边框地址 border=0><BR>
<TBODY>
<TR>
<TD>
注意:全屏在首尾要加上多个<BR><BR><BR><BR><BR><BR><BR>

音乐播放代码
1.<EMBED src=音乐地址 hidden=true type=audio/mpeg LOOP=TRUE AUTOSTART=TRUE>
2.<EMBED src=音乐地址 width=0 height=0 type=audio/x-pn-realaudio-<br>plugin loop=true autostart=true controls=ControlPanel,StatusBar></EMBED>
3.<BGSOUND balance=0 src=音乐地址 volume=0 loop=infinite><BR>

HTML 语言教程
http://www.gzsums.edu.cn/webclass/html/html_design.html

HTML在线编辑器
http://ewebeditor.webasp.net/Example/s_full.asp

常用网页颜色代码