音画贴入门(继续添加中）

蓝蓝 · 发表于 2007-10-15 11:34:55

HTML标签做帖攻略

论坛在用HTML做帖时与其它论坛大同小异，只有些许的不同而已，但同样可以做出漂亮的帖子来，同样都是由简单的HTML语法来实现的，一般也不用了解太多HTML代码的意义，但是想要做出漂亮有风格的帖子，一些简单的代码还是要理解的，这里我就提供一些简单的HTML语法的解释和使用方法，想要了解更多的可以参照有关这方面的相关教程。

一：背景

效果如：

k" M- x3 t# [6 f

原代码如下：

帖子内容，文字或图片.....

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

<TABLE> 的参数设定（常用）：

注解：

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" 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

[ 本帖最后由蓝蓝于 2007-10-15 12:48 编辑 ]

蓝蓝 · 发表于 2007-10-15 11:37:29

帖图格式：

<IMG> 称图形标记，主要用来插入图形标记。

<IMG> 的一般参数设定：

　　例如 <img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">

src="logo.gif" 图片来源，接受 .gif, .jpg 及 .png 格式，前两者通行已久，后者则由 96 年开始发展，于未来取代前两者。若图片档与该 html 档同处一目录则只需写上档案名称，否则必须加上正确的路径，相对或绝对均可。

width=100 height=100 设定图片大小，此宽度及高度一般采用 pixels 作单位。通常只设为图片的真实大小，以免失真，若需要改图片大小最好使用图像编辑工具。（改变大小的宽和高与原图的宽和高要成正比例，图片最好是改小不改大，以免失真。）

hspace=5 vspace=5 设定图片边沿空白，以免文字或其它图片贴近。hspace 是设定图片左右的空间，是设定图片上下的空间，高度采用 pixels 作单位。

border=2 图片边框厚度

align="top" 调整图片旁边文字的位置，你可以控制文字出现在图片的偏上方、中间、底部、左右等，可选值：top, middle, bottom, left, right，内定为 botom。Netscape 还支持 texttop, baseline, absmiddle, absbottom， texttop 表示图片和文字依顶线对齐， baseline 表示图片对齐到目前文字行底线值， absmiddle 表示图片对齐到目前文字行绝对中央， absbottom 表示图片对齐到目前文字行绝对底部，（绝对底部是指它考虑到比如 y 、g、q 等字的下边）。

alt="Logo of PenPal Garden" 这是用以描述该图形的文字，若使用文字浏览器，由于不支持图片，这些文字将会代替图片被显示。若支持图片的浏览器，当鼠标移至图片上该文字也会显示。

lowsrc="pre_logo.gif" 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。

[ 本帖最后由蓝蓝于 2007-10-15 13:08 编辑 ]

蓝蓝 · 发表于 2007-10-15 11:42:14

文字设制

一，文字基本设制

基本代码如下：

align=center　表示字体居中，可选值为居右（right）居左（left）

color=颜色代码　具体颜色代码可参照：颜色选取＜＜点击查看

face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等

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

二，大字体文字

效果：

欢迎光临

源代码：

font:40pt　数值越大文字就越大。

三，移动文字设置：

基本代码1：

说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)

基本代码2：

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

! F! t* G+ w' Y: ^6 k欢迎光临

代码如下：

四，文字特效显示：

效果一：

欢迎光临

源代码：

效果二：

欢迎光临

源代码：

效果三：

欢迎光临

源代码：

效果四：

欢迎光临

源代码：

效果五：

欢迎你朋友友朋你迎欢

源代码：

<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎你朋友</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE></FONT></FONT>

注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值

[ 本帖最后由蓝蓝于 2007-10-15 13:33 编辑 ]

蓝蓝 · 发表于 2007-10-15 11:56:51

阴文字效果:

福建人在线

代码：
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#a09261) shadow(color=#000000,direction=135) chroma(color=#a09261)" align=middle>
<FONT style="FONT-SIZE: 56pt; WIDTH: 100%; COLOR: #000000; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>福建人在线</I></B></FONT>
</TD></TR></TBODY></TABLE>

齿边字效果:

福建人在线

代码：

<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=10) mask(color=blue)" align=middle>
<FONT style="FONT-SIZE: 68pt; WIDTH: 100%; LINE-HEIGHT: 150%; FONT-FAMILY: 黑体"><B><I>福建人在线</I></B></FONT>
</TD></TR></TBODY></TABLE>

[ 本帖最后由蓝蓝于 2007-10-15 13:04 编辑 ]

蓝蓝 · 发表于 2007-10-15 12:01:06

多媒体标记

2 ]2 Q) P3 k% j( k- P

多媒体标记<BGSOUND><EMBED>

■ <BGSOUND>：

<BGSOUND>插入背景音乐，但只用于IE，且只可在<head></head>中使用其参数设定不多。如下 <BGSOUND src="http://....../noname.mp3" autostart=true loop=infinite> src="http://....../noname.mp3" 设定音乐格式及路径，在绝美图库主要使用绝对路径，即以http://或者mms://或者rtsp://等开头的地址。 autostart=true 是否在音乐传送完后，就自动播放音乐。true表示是，false表示。loop=infinite 是否自动重复播放。LOOP=2 表示重复两次，Infinite或者-1表示重复多次。

■ <EMBED>：

<EMBED>是用以插入各种多媒体，格式可以是 midi、wav、wma、rm等等，并且因为音乐格式的不同，可能会有不同的控制面板出现。多种浏览器者支持。其参数设定较多。如下 <EMBED src="http://....../noname.mp3" autostart="true" loop="true" hidden="true">

src="http://....../noname.mp3" 设定音乐格式和路径，用法同上。 3 f$ i- d9 r$ N# f/ b
autostart=true 是否在音乐传送完后，就自动播放音乐。true表示是，false表示。 1 Q9 t! t5 d- o( r6 e1 p
loop="true" 是否自动重复播放。loop=2 表示重复两次，true表示是，false表示否。 hidden="true" 是否完全隐藏控制面板，true表示是，no表示否。 # L1 s, X* B) e3 ?/ h
starttime="分:秒" 设定歌曲开始播放的时间。如 starttime="00:30" 表示从第30秒开始播放。 - M# |3 N+ ^' @1 u/ e# |
volume="0-100" 设定音量的大小，数值是0到100之间。注意不得故意将音量定得过大惊吓看贴人，否则一定给予严厉惩罚。 9 c1 z$ T9 R/ r9 O0 U
width=" " 和 height=" " 设定控制面板的宽度和高度。 : E) ?: w: ]4 @) ]4 b
align="center" 设定控制面板和文字的对方式，其值可以是 top（顶部）、bottom（底部）、center（居中）、baseline、 left（居左）、right（居右）、texttop（文本顶部）、middle、absmiddle、absbottom。 controls="smallconsole" 设定控制面板的外貌。预设值是console。 ( i3 F0 \: ~ u F, Y/ s
- console 一般正常的面板　　 2 V& S# B/ g' {& J" P6 W
- smallconsole 较小的面板　　 ( V& h! d$ ^+ U: V
- playbutton 只显示播放按钮　　 o7 o. t7 k6 P
- pausecutton 只显示暂停按钮　　 2 c4 C* w9 [& X# M% F; ^5 H
- stopbutton 只显示停止按钮　　 3 k( q! @8 C$ n2 m: ?& M* q9 Z
- volumelever 只显示音量调整钮

蓝蓝 · 发表于 2007-10-15 13:05:48

:lol

[ 本帖最后由蓝蓝于 2007-10-27 23:26 编辑 ]

		自动登录	找回密码
密码			注册