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

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

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

<TABLE borderColor=#ffff00 height=200 cellSpacing=2 cellPadding=0 width=260 align=center background=UploadFile/2004-6/20046128501100.gif border=3>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE>
原代码如下：
<CENTER></CENTER>
<DIV class=HtmlCode>
<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%" > <TBODY> <TR> <TD>
帖子内容，文字或图片.....
</TD></TR></TBODY></TABLE></DIV>
<DIV></DIV>
<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" 表格栏位数目，只是让浏览器在下载表格时先画出整个表格而已。

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

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

<DIV class=t_msgfont id=postmessage_323043>
帖图格式：
<DIV class=HtmlCode><IMG src="图片连接URL地址"></DIV>
<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" 设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。</DIV>

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

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

文字设制
一，文字基本设制
基本代码如下：
插入文字 
align=center　表示字体居中，可选值为居右（right）居左（left） color=颜色代码　具体颜色代码可参照：<A href="http://www.k369.com/qt/webedit/color.htm" target=_blank>颜色选取</A>＜＜点击查看
face=字体　常用字体为：宋体.黑体.楷体.仿宋.幻缘.新宋体.细明体等 
size=字体大小，这里的最大值为7　取值越大文字就越大
二，大字体文字
效果：欢迎光临
源代码：
40pt face=新宋体 color=#ff0000>插入文字
font:40pt　数值越大文字就越大。
三，移动文字设置：
基本代码1：
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee> 
说明：direction=移动方向　可选值为向上(up)　向下(down)　向左(left)　向右(right)
基本代码2：
<marquee behavior=移动效果>插入文字</marquee>
说明：
behavior=scroll 一圈一圈绕着走　
behavior=slide 
只走一次　behavior=alternate 来回走
停停走走：
效果如：

<MARQUEE scrollAmount=100 scrollDelay=500>欢迎光临</MARQUEE>
代码如下：
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee> 
四，文字特效显示：
效果一：
<CENTER>欢迎光临</CENTER>
源代码：
<CENTER>欢迎光临</CENTER>
效果二：
<CENTER>欢迎光临</CENTER>
源代码：
<CENTER>欢迎光临</CENTER>
效果三：
<CENTER>欢迎光临</CENTER>
源代码：
<CENTER>欢迎光临</CENTER>
效果四：
<MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>
<MARQUEE scrollAmount=2 width=460 img="" src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif">欢迎光临</MARQUEE><MARQUE></MARQUE></MARQUEE>
源代码：
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460 <IMG src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif">我是心跳，嘿嘿</MARQUEE></MARQUE></MARQUEE>
效果五：
<MARQUEE width=240 height=50>欢迎你朋友</MARQUEE>
<MARQUEE direction=right width=240 height=50>友朋你迎欢</MARQUEE>
源代码：
<MARQUEE height=50 width=240>欢迎你朋友</MARQUEE><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE>
注明：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值

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

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

阴文字效果:
<DIV class=t_msgfont>
<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>福建人在线 </TD></TR></TBODY></TABLE></DIV>
<DIV class=t_msgfont> 代码： <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> 福建人在线 </TD></TR></TBODY></TABLE></DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont> </DIV>
<DIV class=t_msgfont>
<DIV class=t_msgfont id=postmessage_327048>
齿边字效果:
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=center border=0>
<TBODY>
<TR>
<TD style="FILTER: glow(strength=10) mask(color=blue)" align=middle>福建人在线 </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> 福建人在线 </TD></TR></TBODY></TABLE></DIV></DIV>

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

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

多媒体标记
<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 0px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word">

<TABLE border=2>
<CAPTION>
多媒体标记<BGSOUND><EMBED></CAPTION>
<TBODY>
<TR>
<TD>
<TABLE>
<TBODY>
<TR>
<TD width=600 bgColor=#ddddff>■ <BGSOUND>：</TD></TR></TBODY></TABLE><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表示重复多次。
<TABLE>
<TBODY>
<TR>
<TD width=600 bgColor=#ddddff>■ <EMBED>：</TD></TR></TBODY></TABLE><EMBED>是用以插入各种多媒体，格式可以是 midi、wav、wma、rm等等，并且因为音乐格式的不同，可能会有不同的控制面板出现。多种浏览器者支持。其参数设定较多。如下 <EMBED src="http://....../noname.mp3" autostart="true" loop="true" hidden="true">
<UL>
<LI>src="http://....../noname.mp3" 设定音乐格式和路径，用法同上。
<LI>autostart=true 是否在音乐传送完后，就自动播放音乐。true表示是，false表示。
<LI>loop="true" 是否自动重复播放。loop=2 表示重复两次，true表示是，false表示否。 hidden="true" 是否完全隐藏控制面板，true表示是，no表示否。
<LI>starttime="分:秒" 设定歌曲开始播放的时间。如 starttime="00:30" 表示从第30秒开始播放。
<LI>volume="0-100" 设定音量的大小，数值是0到100之间。注意不得故意将音量定得过大惊吓看贴人，否则一定给予严厉惩罚。
<LI>width=" " 和 height=" " 设定控制面板的宽度和高度。
<LI>align="center" 设定控制面板和文字的对方式，其值可以是 top（顶部）、bottom（底部）、center（居中）、baseline、 left（居左）、right（居右）、texttop（文本顶部）、middle、absmiddle、absbottom。 controls="smallconsole" 设定控制面板的外貌。预设值是console。
<UL>
<LI>console 一般正常的面板　　
<LI>smallconsole 较小的面板　　
<LI>playbutton 只显示播放按钮　　
<LI>pausecutton 只显示暂停按钮　　
<LI>stopbutton 只显示停止按钮　　
<LI>volumelever 只显示音量调整钮</LI></UL></LI></UL></TD></TR></TBODY></TABLE></DIV>

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

:lol 

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

页: [1]

SINOFACE|海华网's Archiver

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