怎样用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./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./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./haoran/tp/lu/lu10.jpg width=400 height=300></td></table></center><br> <EMBED style="LEFT: 400px; WIDTH: 400px; POSITION: absolute; TOP: 6910px; HEIGHT: 300px" align=right src=http://bg./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> 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> |
|