【转贴】怎样用HTML代码做帖

新三民

一个完整的HTML帖子应该是
美贴＝背景＋文章＋插图＋收尾

一：背景
原代码如下：
<TABLE align=center background="背景图片网址" border=10 cellSpacing=12 borderColor=#841A00 width=500><TBODY><TR><TD>
帖子的文章加图片
</TD></TR></TBODY></TABLE>

注意：前边用了多少<table......><tr><td>后面就要有多少</td></tr></table>收尾。多收和少收都会使帖子出错哦　：）
常用的参数设定及注解：
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF">
width="400"
表格宽度，接受绝对值（如 500）及相对值（如 80%）。
border="10"
表格边框的厚度。
cellspacing="2"
表格格线的厚度
cellPadding=5　表格格线内厚度
align="CENTER"
表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center
valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。 　　
background="背景图片网址"
表格的背景图片，与 bgcolor 不要同用。
bgcolor="#0000FF"
表格的底色，与 background 不要同用
bordercolor="#CF0000"
表格边框颜色
bordercolorlight="#00FF00"
表格边框向光部分的颜色
bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

二.文字应用文字基本设制

1.文字基本设制
基本代码如下：
< align=center><FONT color=#CFCF88 face=华文行楷 size=5>插入文字</FONT></P>
< align=center>表示居中，< align=left>表示居左，< align=right>表示居右。
face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等
size=字体大小，这里的最大值为7　取值越大文字就越大
另一种贴法：
<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>
font:40pt　数值越大文字就越大。
color=颜色代码。
艾利斯兰#F0F8FF 古董白#FAEBD7 浅绿色#00FFFF 碧绿色#7FFFD4 天蓝色#F0FFFF 米色#F5F5DC……..

2.移动文字
基本代码：
<marquee direction=up behavior=scroll width=400 height=90 scrolldelay=80 scrollamount=1><font color=red size=+2 face=华文新魏>插入文字</font></marquee>

说明：
direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)
behavior=移动方式，　scroll 一圈一圈绕着走，　slide 只走一次，　behavior=alternate 来回走
width=宽度　　height=高度　　scrolldelay=速度　　scrollamount=位移
上面的参数大家可以根据不同的情况自行调节。

3.文字特效

代码如下：

<TABLE borderColor=#cd5c5c height=375 width=400 align=center border=3>
<TBODY>
<TR>
<TD background=http://www.jiahuism.com/bbs/UploadFile/2004-9/200496102712413.gif>
< align=center>
<MARQUEE scrollAmount=3 behavior=alternate width=500><IMG src="图片链接"><FONT color=red size=6><B>欢迎你的到来</B><IMG src="图片链接"></FONT></MARQUEE></MARQUEE></P></TD></TR></TBODY></TABLE>

效果2

代码如下：

<CENTER>
<TABLE width=500>
<TBODY>
<TR>
<TD><FONT color=#991400>
<MARQUEE behavior=alternate>
<MARQUEE behavior=alternate><FONT face=宋体 color=red size=5>
<MARQUEE direction=up behavior=alternate width=60 height=120>欢</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=80>迎</MARQUEE><FONT color=#ff8ca9>
<MARQUEE direction=up behavior=alternate width=60 height=120>你</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=60 height=80>的</MARQUEE><FONT color=blue>
<MARQUEE direction=up behavior=alternate width=60 height=120>光</MARQUEE><FONT color=lime>
<MARQUEE direction=up behavior=alternate width=60 height=80>临</MARQUEE></FONT></FONT></FONT></FONT></FONT></FONT></MARQUEE></FONT></FONT></TD></TR></TBODY></TABLE></CENTER>

三.贴图

1.基本代码：
<img src=图片网址 width=图片宽度 height=图片长度>
注意：设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）。图片的居中，居左，居右上面已经介绍了，这里不再重复。。。。。
2.给图片加边框
基本代码：
<table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://web.cn898.net/haoran/tp/lu/lu10.jpg width=500 height=375></td></table>
说明：
border="6" 表格边框的厚度，不同浏览器有不同的内定值。
cellspacing="2" 表格格线的厚度
cellPadding=1　表格格线内厚度
2.定位透明FLASH效果
注意：这种方法由于是通过坐标的方式把透明FLASH固定到了某一点，所以在不同的环境和不同的论坛要相应调整不同的位置。定位较为麻烦，而且最大的弊病就是屏幕分辨率设置不一样，观看的效果也不一样（比如你是用分辨率1024×768做的帖子，你感觉固定的位置很好。但别人用分辨率800×600观看却偏得很远。本人建议一般不要用这种方法。

四:定位效果图

代码如下：
<TABLE align=center background="图片链接" border=10 cellPadding=5 cellSpacing=2 borderColor=#841A00 width=500><TBODY><TR><TD><br>
<center><table border=6 cellSpacing=2 cellPadding=1 borderColor=#841A00><td><img src=http://web.cn898.net/haoran/tp/lu/lu10.jpg width=400 height=300></td></table></center><br>
<EMBED style="LEFT: 400px; WIDTH: 400px; POSITION: absolute; TOP: 910px; HEIGHT: 300px" align=right src=http://bg.cn898.net/3.swf width=400 height=300 type=application/octet-stream wmode="transparent" quality="high" ></EMBED>
</TD></TR></TBODY></TABLE>
说明：TOP: 6910px 指FLASH与帖子上边之间的距离。
LEFT: 400px 是指FLASH与帖子左边的距离
WIDTH: 400px　HEIGHT: 300px　是指FLASH定位的范围宽度和高度
后面的width=400 height=300 就是指FLASH的宽和高了。


五.贴歌代码

1.背景音乐（适合　mid wma等格式）
<bgsound src=音乐网址 Loop=-1>
2.音频（适合MP3 WMA RM等很多格式）
代码如下：
<embed src=音乐网址 type=audio/x-pn-realaudio-plugin controls=ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=40>
（上面这个，基本上是瞎扯淡，如果你的电脑没装realaudio插件，根本听不到声音。我推荐下面的代码--新三民<embed align="middle" src=音乐网址 width="0" height="0"  type=audio/mpeg   autostart="true" loop="true">）
3.视频
<embed src=视频网址 type=audio/x-pn-realaudio-plugin controls=imagewindow,ControlPanel,StatusBar AutoStart=true Loop=true width=400 height=400>
（同上，有局限性。---新三民）
4.FLASH
<embed src=网址 width=400 height=400>
说明：AutoStart=true　表示是否要音乐文件传送完就自动播放，TRUE是要，FALSE是不要，默认为true
Loop=true　表示设定播放重复次数，LOOP=3表示重复3次，true表示无限次播放，FALSE播放一次即停止。
width=宽度 height=高度　可以设定控制播放器面板的大小，如果都设置为0就可以把播放器隐藏了。


六.表格

1.掌握表格的以下属性：
<tr> 　表行
<th> 　表头
<td> 　表元(表格的具体内容)
align定义表格的对齐方式，有三个属性值center，left，right
background　定义表格的背景图案，属性值为图片的地址
bgcolor　定义表格的背景颜色，属性值是各种颜色代码
border　定义表格的边框宽度，属性值是数字
bordercolor　定义表格边框的颜色，属性值是各种颜色代码
background　定义背景图案
cellpadding　定义单元格内容与单元格边框之间的距离，属性值是数字
cellspacing　定义表格中单元格之间的距离
height　定义表格的高度，属性值是数字
width定　义表格的宽度，属性值是数字
colspan　定义合并表格的列数，属性值是数字
rowspan　定义合并表格的行数，属性值是数字
实例1表格的基本结构:<tr> 表行　　<th>表头　　<td> 表元(表格的具体内容)的运用
实例1表格的基本结构:<tr> 表行　　<th>表头　　<td> 表元(表格的具体内容)的运用
姓名 性别 年龄
王林 男 25
代码如下：
<table border=1>
<tr><th>姓名</th><th>性别</th><th>年龄</th>
<tr><td>王林</td><td>男</td><td>25</td>

雷霆万钧

学习了

明天过后

{:177:}{:177:}

无弦琴

好教程，学习了！谢谢新三民！

德文

非常实用的音画代码教程，学习了。建议爱好音画代码的网友要认真学习。

艾小雪

恩    学习了

艾小雪

谢谢楼主
、

雄鹰展翅

感谢细心认真的楼主！
宝贵的教程！

小帅哥

我在学校都不愿意学，太难了