发新话题
打印

教你用html标签做帖

教你用html标签做帖

看到别人的贴的华丽的背景,你是不是很羡慕呢,其实这就需要用到html代码来做帖

只要你了解一些代码的应用,相信你也会贴出漂亮的帖子。 :)

那么下面我们先来了解一下代码的含义:

要想成功地把帖子做出来,首先要注意的是:必须切换到html状态下进行进行编辑。

注解:

一、背景

(一般一个帖子都是由这些代码组成的:(一张图片、一个背景)

(背景图片的选择按照帖子内容要求选择,复杂的前景图片最好用纯色、简捷的背景图片)

我们下面就以这张背景为例:





单层纯色无背景图加前景图片:



实例代码:

<TABLE borderColor=#8a7110 height=300 width=220 align=center bgColor=#000000
border=2>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=blue><FONT face=Verdana
color=#eeeeee>有时候爱是粉红的羽毛<BR>谁捧着都有微笑的眼角<BR>才看他在手心沉沉的睡着<BR>一起风<BR>又醒了<BR>那么轻飘飘的走掉</FONT></FONT><IMG
src="

"></P></TD></TR>
<TR align=middle>
<TD><FONT color=#eeeeee>我是轻盈的羽毛,带给人幸福的青鸟!</FONT></TD></TR></TBODY></TABLE>
<P> </P>
一层背景加一张图片:



实例代码:

<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=2>
<TBODY>
<TR>
<TD>
<P align=center><IMG src="

"
border=0></P></TD></TR></TBODY></TABLE>



当然,可以做一层,就可以做多层。

做多层背景的要领是:有多少个开头,就要对应多少个结束语。否则会显示不正常。

例如:三层背景,一张图片:




实例代码:

<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=330 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=315 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=1>
<TBODY>
<TR>
<TD><IMG
src="

"></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

择不同的一层与二层图片,就可以看到不同的效果。

那么呢,我们简单的贴图就是这样,下面我们把他加入到多层背景中去,并加上文字:




实例代码:

<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=330 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=2>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=315 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng4.jpg border=1>
<TBODY>
<TR>
<TD>
<TABLE borderColor=#3b4a4d cellSpacing=2 cellPadding=3 width=300 align=center
background=http://tengluo.qywww.com/jiaocheng1/jiaocheng5.jpg border=1>
<TBODY>
<TR>
<TD>
<P><FONT face=宋体 color=blue><FONT face=Verdana
color=#eeeeee>有时候爱是粉红的羽毛<BR>谁捧着都有微笑的眼角<BR>才看他在手心沉沉的睡着<BR>一起风<BR>又醒了<BR>那么轻飘飘的走掉</FONT></FONT>

<P align=center><IMG
src="

"></P></TD></TR>
<TR align=middle>
<TD><FONT
color=#eeeeee>我是轻盈的羽毛,带给人幸福的青鸟!</FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

<TABLE> 的参数设定(常用):

<table width="400" border="1" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP" background="myweb.gif" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00" bordercolordark="#00FFFF" cols="2">

其中:

width="400"
表格宽度,接受绝对值(如 80)及相对值(如 80%)。

border="1"
表格边框的厚度,不同浏览器有不同的内定值,故请指明。

cellspacing="2"
表格格线的厚度

align="CENTER"
表格的摆放位置(水平),可选值为: left, right, center

valign="TOP".
表格内内容的对齐方式(垂直),可选值为: top, middle, bottom。

background="myweb.gif"
表格的背景图片,与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色,与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

cols="2"
表格栏位数目,只是让浏览器在论坛下载表格时先画出整个表格而已。

TOP

JMS你还好吗?

TOP

发新话题