鲜花( 28) 鸡蛋( 0)
|
楼主 |
发表于 2012-4-5 10:18
|
显示全部楼层
《让做贴子变得简单一些》之三
准备工作:(了解最起码的html语法)
(悄然提示:嘿嘿这个可以跳过去不看,直接看步骤吧~等到要用的时候再来查也不迟)1.<p>.....</p>
<p>标志对是用来创建一个段落,在此标志对之间加入的文本 将按照段落的格式显示在浏览器上。另外,<p>标志还可以使用align属性,
它用来说明对齐方式,语法是:<p align=center></p> align可以是Left(左对齐)、 Center(居中)和Right(右对齐)三个值中的任何一个。
</p>表示标志对中的文本使用居中的对齐方式。align 表示位置
2.<br>是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行.
3.<table>表格(我们可以把他理解为桌面或一个工作面)<table>开始,</table>结束
4. <tr>说明表格的一个行,表有多少行就有多少个<tr>(简单理解为横向)
5. <td>则填充(简单的理解为纵向)
6. cellpadding=文本与表框的距离用(使用数字)
7. <font></font>它可以对输出文本的字体大小、其语法通常由 size=字体大小号码) color =颜色常量名,face=选用的字体
8. <img>标志对的src属性赋值在图片中应用
9. <hr>标志是在Html文档中加入一条水平线,它可以直接使用
10. <body></body>是Html文档的主体部分
11. <bgcolor=...>背景颜色通常使用
?????? <body bgcolor="....">就是主体背景颜色(通常我们说的大背景颜色)
12. <body text="....">设置主体文本颜色
?????? <body link="...."> 设置链接颜色。
13. <border="边框大小">表示边框
14. <background=> 背景通常使用为背景图片的连接地址
17. <borderColorLight=#颜色>边框相临两边的颜色及内置相对两边的颜色(左相临及对应右相临)
18. <borderColorDark=#颜色>边框相临两边的颜色及内置相对两边的颜色
19. cellSpacing=边框与内置边框的宽度
20. width=宽度 height=高度
使用举例说明步骤:
一.选边框.
现选两层的边框,代码如下:;
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table>
二.选内容.现边框有一层FLASH图片,代码如下:
<TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
三.把边框里加入内容这四个字删掉,换成图片代码.
为了明显,我用蓝色表示边框,用绿色表示图片内容部分:
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=440 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
实际使用可没有颜色的,就是默认黑色..
就是:
<P ALIGN=CENTER>
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1>
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0>
<TBODY><TR><TD><TABLE height=300 cellSpacing=0 cellPadding=0 width=400 background=http://www.xiangfan.org/htdocs/dvbbs/UploadFile/2004-6/200462095958665.jpg border=1 bortercolor="#000000">
<TBODY>
<TR>
<TD>
<P align=center><EMBED src=http://www.cn898.net/bg/6.swf width=400 height=300 type=application/x-shockwave-flash wmode="transparent" menu="false" quality="high" tybe="application/x-shockwave-flash"> </P></TD></TR></TBODY></TABLE>
</td></tr></tbody></table></td></tr></tbody></table>
五.把你整合好的代码,复制下来,点发言框下方的HTML模式,(如果你是跟贴的话,先点贴子最上方的回复贴子,就可以看到HTML了 ),把代码复制到发言框内,点发表.
六.修饰你的代码:这些贴子的图和边框宽度,一定不合你的意,怎么办?就把边框(宽度width=480)(高度height=300)改大或小一点,(提示:论坛宽度在450以内,如果超过,会削掉右边部分)直到你满意为止,图片地址可以换上你喜欢的那个图片.怎么样,不错吧.
七.想一想,既然可以加入图片,那么是不是也可以用同样的方法加入文字?加入音乐?呵呵,对了,就都放在内容部分,在边框代码<td></td>之间,即可.动手试看看吧 |
|