html疯狂教程,html教程

2009-10-14 16:52:22

大家在论坛看到的那些漂亮的贴图多是加了一些代码，这些代码

就是ＨＴＭＬ代码，一般来说你是不需要了解这些ＨＴＭＬ代码的意义，

但是，最简单的一些ＨＴＭＬ代码是需要理解的，对调试特殊效果有帮

助，这里我提供一些基本的ＨＴＭＬ代码解释和使用方法，请参考。

实话实说本人也是探索的时间不长，难免有不足之处，还请大家

补充完善。谢谢！！

一，文字的布局1， 文字的大小；颜色及字体

你需要的文字

2， 行的控制

段(Paragraph) (可以看作是空行)

例1： 你好吗？

很好。

你好吗？

很好。

换行
例2： 你好吗？
很好。

你好吗？

很好。

3，文字的对齐(Alignment)

... ...

#=left, center, right ... ...

4，文字的分区(Division)显示

... ...

#=left, center, right

注解：

表示居中，

表示居左，

表示居右。

表示居中，

表示居左，

表示居右。

face=字体　常用字体为：宋体.黑体.楷体.仿宋.华文行楷.新宋体.华文新魏等

size=字体大小，这里的最大值为7　取值越大文字就越大。

另一种贴法：

插入文字

font:40pt　数值越大文字就越大 color=颜色代码。

二，如何贴图1， 单张图片

代码如下：

注明：多张图片连贴时，注意使用换行代码

或

单张图片尺寸压缩用语一张普通图片如下图：

尺寸压缩后如下图

代码如下：

border 为图片边框的尺寸，width 和 height 则为图片的宽高，

这个尺寸可以随意调节，以图片美观，则大小适宜。

再一个就是 -- 没有边框的：

代码如下：

2， 背景图片代码：

.... 在这里输入你需要的文字或图片 ...

效果如下：

代码如下：

比上面的尺寸压缩里多了个bordercolor="#FF7F50"，

大家看到了吗？这个就是边框颜色。

如果不要边框怎么办，把　border=0　就行了。

文字在背景图片里居中秋风秋雨迎秋致，

秋意秋韵宜秋君，

秋花秋蟹捎秋讯，

秋情秋果喜煞人。

代码如下：

秋风秋雨迎秋致， 秋意秋韵宜秋君， 秋花秋蟹捎秋讯， 秋情秋果喜煞人。

说明：　　这里的　valign="middle"　表示垂直居中　；　 align="center"表示水平居中

文字在背景图片里居中滚动

秋风秋雨迎秋致，

秋意秋韵宜秋君，

秋花秋蟹捎秋讯，

秋情秋果喜煞人。

代码如下：

秋风秋雨迎秋致， 秋意秋韵宜秋君， 秋花秋蟹捎秋讯， 秋情秋果喜煞人。

说明：　文字内容为滚动用语 ； direction=up 为上滚 ；

scrollamount=2为滚动速度 ； height=230为滚动范围，也可不要。

图片在背景图片里居中滚动

代码如下：

代码如下：

给flash动画增添背景

真诚的问候，为你祝福

我会永远伴随你

编辑制作：玉　洁

代码如下：

真诚的问候，为你祝福 我会永远伴随你 编辑制作：玉　洁

注解：

1,透明FLASH代码:

2,一般FLASH代码:

透明flash的定位把FLASH定位，这样图片就不用作背景，直接用图片的格式，图片的大小也可以随心所欲，效果要比前面一种好。

7.0版本的论坛使用这种效果时，在发帖前先要将发帖栏下面的《自动修正》取消才能正常显示。

代码如下：

说明：

TOP: 100px 是指FLASH与帖子上边之间的距离(也就是FLASH与IE的距离)。

LEFT: 280px 是指FLASH与帖子左边的距离

WIDTH:400px　HEIGHT: 300px　是指FLASH定位的范围宽度和高度；后面的width=400 height=3000 是FLASH的宽和高了。

补充：每个数据适应修改可使透明flash重叠。

下面是重叠的例子，可根据自己需要修改数据。

四，多层背景的应用

代码如下：

以此类推 帖子的文章或图片位置

注意：

前边用了多少

后面就要有多少

收尾。

常用的参数设定及注解：

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 将会失效。

五，如何贴背景音乐如何显示(隐藏)播放器效果

隐藏播放器用语： wma； mp3； midi 等都可以使用

<1 , >

<2 , >

显示播放器用语： wma； mp3； midi 等都可以使用

显示效果1:

(rm,wav,swf,mp3等格式)

显示效果2:

说明：

autostart="true"　表示是否要音乐文件传送完就自动播放，

TRUE是要，FALSE是不要，默认为true

Loop=true　表示设定播放重复次数， LOOP=3 表示重复3次，

true 表示无限次播放，FALSE 播放一次即停止。

width=宽度 height=高度　可以设定控制播放器面板的大小，

如果都设置为0就可以把播放器隐藏了。