欢迎您！启步学代码。
（9）
（游子编辑 供初学HTML代码的朋友参考）
ＨＴＭＬ代码编辑参考资料
要学习代码贴图，你参预的论坛必须是允许使用［ＨＴＭＬ］代码的。有的论坛虽然不允许使用代码，但在诸如音画时尚，贴图专栏或新手学堂等栏目开通。有的论坛注明允许使用代码，但必须有条件去申请才批淮启用。还需注意粘贴代码前应先选择［ＨＴＭＬ］，同时把旁边的自动修正的钩去掉。现在已有不少论坛，可以直接发代码贴了。
为了更好的学习编辑代码，应在自已电脑的硬盘中建一个学代码的文件夹，内放若干记事本，作编辑和保存代码用。初学者要在键盘上直接输入代码语句有些困难，可以把下面这些常用代码复制在记事本上，方便需要时取用。
要看看编好了的代码是否成功，可以在网页制作软件或论坛发贴区预览，也可用本贴下面的浏览器试看。
原创编辑者:游子。
常用汉字代码：
宋体 黑体 楷体_GB2312 仿宋_GB2312 新宋体 幼圆 隶书
方正舒体 华文新魏 华文行楷 华文细黑 华文彩云 方正姚体
颜色的代码：
黑色＝000000 白色＝ffffff 红色＝ff0000 绿色＝00ff00
蓝色＝0000ff 黄色＝fff000 青色＝00ffff 紫色＝ff00ff
居中代码：
<CENTER> 内容</CENTER>
<P align=LEFT>左对齐</P>
<P align=center>居中</P>
<P align=RIGHT>右对齐</P>
文字设置代码：
<CENTER> <font style=font:20pt face=隶书 color=fff000>
输入内容</font></CENTER>
贴图代码：
<img src="图片地址">
<P align=center><img src="图片地址"></P>
<P align=center><img src="图片地址"width=宽度 height=高度></P>
原创编辑者:游子。
用颜色作背景的空白图框代码：
<CENTER>
<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 bgcolor=fff000 width=400 height=300 border=10>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>
原创编辑者:游子。
用图片作背景的空白图框代码：
<CENTER>
<TABLE borderColor=#0000ff cellSpacing=10 cellpadding=20 cellpadding=20 background=图片地址 width=400 height=300 border=10>
<TBODY>
<TR>
<TD>
<br>
<br>
</CENTER></TD></TR></TBODY></TABLE>
原创编辑者:游子。
立体图框代码：
<CENTER>
<TABLE style="BORDER-LEFT-COLOR: #fbd44c; BORDER-BOTTOM-COLOR: #fbd44c; BORDER-TOP-STYLE: ridge; BORDER-TOP-COLOR: #fbd44c; BORDER-RIGHT-STYLE: ridge; BORDER-LEFT-STYLE: ridge; BORDER-RIGHT-COLOR: #fbd44c; BORDER-BOTTOM-STYLE: ridge" height=380 cellSpacing=5 cellPadding=5 width=470 border=14>
<TBODY>
<TR>
<TD>
<br><br>
</TR></TBODY></TABLE>
原创编辑者:游子。
图片可调大小的一组代码.
<P align=center><INPUT src="图片地址"type=image width=宽度></P>
原创编辑者:游子。
羽化图片代码：
<INPUT style="FILTER: alpha(opacity=100,style=2)" type=image height=500 width=450 src="图片地址">
贴Flash 图片代码：
<EMBED src=http://yy.2000y.net/swfpath/200462722381564615.swf width=128 height=0 hidden=true type=application/x-shockwave-flash>
原创编辑者:游子。
在一张图片上加叠Flash 代码：
<TABLE cellSpacing=3 cellPadding=3 width=460 bordercolor=660000 background=http://img.gw.com.cn/UploadFile/2005/6/7/5141107.jpg border=18>
<TBODY>
<TR>
<TD><EMBED align=right src=http://imgfree.21cn.com/free/flash/59.swf width=460 height=370 type=application/octet-stream wmode="transparent" quality="high" ;;></TD></TR></TBODY></TABLE>
原创编辑者:游子。
全屏代码：
<br><br><br><br>
<DIV id=table1 style="LEFT: -220px; WIDTH: 800px; POSITION: relative; TOP: 40px">
贴子
</DIV><br><br><br><br>
原创编辑者:游子。
播放器代码：
<CENTER>
<embed src="//bbs.jmrb.com/bbs/upfile/music/601.mp3" type="audio/x-pn-realaudio-plugin" controls="controlpanel,statusbar" height=50 width=400 autostart="true" loop="true">
</CENTER>
（高度height=和宽度width=设为0时，隐藏播放器。）
原创编辑者:游子。
移动设置代码：
我从右向左走代码：
<br>
<marquee direction=left scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从右向左走！</marquee>
我从左向右移代码：
<marquee direction=right scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从左向右移！</marquee>
原创编辑者:游子。
我来回走耶代码：
<br>
<marquee behavior=alternate scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我来回走耶！</marquee>
我从下向上滚代码：
<br>
<marquee direction=up scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从下向上滚！</marquee>
原创编辑者:游子。
我从上向下滚代码：
<br>
<marquee direction=down scrollAmount=3 ><font style=font:25pt face=隶书 color=0000ff>我从上向下滚！</marquee>
原创编辑者:游子。
三合一花边图框贴图代码模式：
<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第一张图框的图片地址>
<TR>
<TD>
</TD></TR></TABLE>
原创编辑者:游子。
<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第二张图框的图片地址 >
<TR>
<TD>
这里是第二张图框的单元格，可以开始插入内容。
</TD></TR></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=宽度 height=高度 align=center background=第三张图框的图片地址>
<TR>
<TD>
</TD></TR></TABLE> <br>
【说明】
◇黄色字体是第一张图框的代码。
◇白色字体是第二张图框的代码，
◇绿色字体是第三张图框的代码。
原创编辑者:游子。
相片加相框的“绝对定位加叠法”的代码模式：
原创编辑者:游子。
编辑：游子
（待续）
（为了传播 HTML 代码知识，让更多网友学用代码贴图制作网页，本贴欢迎转载，但是，转载时请不要把原创编辑游子的名字改掉。谢谢！）
如何做html代码贴
欢迎您！启步学HTML代码.
代码；
<font style=font:26pt face=华文行楷 color=0000ff> 欢迎您！启步学HTML代码。 </font>
你先复制这个代码，进到发贴编辑区，在下面标签栏中选取第四个标签[HTML]，去掉自动修正的钩，再粘贴发表，就 OK了。
做html代码贴的操作方法
1，复制代码。
2，击点回复。
3，进到发贴编辑区。
4，在编辑栏下面标签栏中取第选四个标签[HTML]，
5，去掉{ HTML }标签旁边的自动修正的钩，
6，再粘贴代码后发表。千万不可先粘贴代码后才选取[HTML]标签。
再试看吧！祝你成功！！
编辑：游子
转自好友的空间：
http://hi.baidu.com/%D3%C4%B9%C8%D0%C7%C0%B6
