【跟我学】之《HTML》篇-05-代码的学习
广告投放★自助友情CMS落伍广告联盟晒乐广告联盟脉动广告联盟品味广告联盟
广告位可自定样式联系QQ:4285248个文字广告月20元广告联系QQ:428524广告位可自定样式
8个文字广告月20元黄金广告位每月20元广告位可自定样式联系QQ:428524广告位可自定样式
左旋肉碱、全国包邮
买二送一、无效退款

文章浏览→建站指南代码特效→【跟我学】之《HTML》篇-05-代码的学习

【跟我学】之《HTML》篇-05-代码的学习
【跟我学】之《HTML》篇-05-代码的学习

【跟我学】之《HTML》篇-05-代码的学习

作者:蓝色沉梦

 

HTML代码是一种网页语言,对于经常在网络上的朋友,有必要了解一些基本的HTML代码知识。掌握和使用一般的特效代码。特别是现在许多朋友进行网页特效HTML帖子的制作,制作精美的音画帖子,必须掌握一些HTML的代码。因此,我给朋友们简单的介绍一些HTML代码和一些代码的使用修改。目的在于对HLML代码有一定的感性认识,让学习者掌握初步的使用代码,和使用复制--粘贴--修改--发表。让大家做简单的了解,学会使用,但对于代码的编译不做介绍,如果有朋友有兴趣的话,你可以查找或购买有关资料和书籍进行系统的学习。

 

 

文字插入

 

 




代码如下:

<TABLE style="WIDTH: 600px; HEIGHT: 107px"cellSpacing=20 cellPadding=20 align=centerbackground=http://bbs.a001.org/UploadFile/2007-8/20078810541633392.jpgborder=5>
<TBODY>
<TR>
<TD>
<P align=center><FONTcolor=#1111eesize=6>文字插入</FONT></P>
<P></P>
<CENTER>
<P align=center><FONTface=楷体_GB2312 color=#ff7f50size=3><STRONG></STRONG></FONT>&nbsp;</P></CENTER></TD></TR></TBODY></TABLE><BR><BR><BR>

 

 

<TABLE style="WIDTH: 600px; HEIGHT: 107px"cellSpacing=20cellPadding=20 align=centerbackground=http://bbs.a001.org/UploadFile/2007-8/20078810541633392.jpgborder=5>
<TBODY>
<TR>
<TD>
<P align=center> <FONT color=#1111eesize=6>文字插入</FONT></P>
<P></P>
</TD></TR></TBODY></TABLE>

其中:

WIDTH: 600px;HEIGHT: 107px =帖子的宽度和高度

cellSpacing=20cellPadding=20 =帖子的边框宽度

align=center=帖子的定位

background =帖子边框素材网址

border=帖子边线的控制

 

代码中的学习:

width
  
为宽 如果是100%就是帖子的宽度是多少,内容就是适应宽度是多少,如果是象素(PX)就是用实际数字,如100PX、500PX等。

height
   为高。方法和宽一样。

cellPadding=15单条内容边框的控制代码前面是边框的代码,后面的
数字是边框的宽度,你可以根据自己的设置而定数字。

background=
    为边框素材图片的添加代码,在等于号的后面是素材图片的网址,如:background=http://bbs.a001.org/123.jpg

<IMG src=网址>
     为内容插入代码。可以使用插入图片和动画如:
src=http://bbs.a001.org/111.gif

 

宽屏代码的首

红色为可以修改的部分:

<TABLE id=table1style="LEFT:
   -200px;
   WIDTH:
   950px; POSITION: relative; TOP:
   80px"
   cellSpacing=35
   align=centerbackground=
http://qhcn.net/luntan/UploadFile/2005-8/2005821112846415.gif
   border=0>
<TBODY>
......</TD></TR></TBODY></TABLE>


LEFT: -200px;

此代码为帖子的距最左边的距离 PX为象素。
此值一般设置在-230~-170选择为佳

WIDTH: 950px;
    

此代码为帖子的宽度 PX为象素。
此值一般设置在700~-1000选择为佳,
可是情况而定


 

TOP:  80px;

此代码为帖子的距最上边的距离 PX为象素。
此值一般设置在10~100选择为佳


 

cellSpacing=35

此代码为帖子的边框的宽度 PX为象素。
此值一般设置在1~40选择为佳。

background=

此代码为边框素材图片的网址代码,
可以修改自己喜欢的图片网址作为边框的边


 

align=center

此代码为定位代码,其中:center为居中,left为居左,right为居右。

border=0

此代码为边框外边线代码,数字代表边线的粗细。可根据自己爱好而定

记住:

发表边框的时候,一定要把多余代码去掉,开始代码和结束代码一定要对应,也就是:

一层

<TABLE....><TBODY><TR><TD>
......</TD></TR></TBODY></TABLE>

三层

 

<TABLE....><TBODY><TR><TD>
......</TD></TR></TBODY></TABLE>

三层

 

<TABLE....><TBODY><TR><TD>

......

<TABLE....><TBODY><TR><TD>

......

<TABLE....><TBODY><TR><TD>

......

......

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

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

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

发表宽屏帖子的时候,一定要把“自动修正”前面的勾去掉,否则就没有宽屏效果了。

所属分类:建站指南代码特效    作者:荡凯网络    时间:2010-7-16 8:54:00

文章导航