云水论坛

标题: [转帖]HTML标签做帖攻略[ [打印本页]

作者: 淡墨瀑雪 时间: 2007-6-12 14:39
标题: [转帖]HTML标签做帖攻略[
HTML标签做帖攻略 雪夜寒星

一：背景

效果如：

原代码如下：

帖子内容，文字或图片.....
</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-6-12 14:40
二，帖图格式

帖图基本格式如下：

<IMG src="图片连接URL地址">

<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"
设定先显示低解析度的图片，若加入的是一张很大的图片，下载要很长的时间，这张低解析度的图片会先被显示以免浏览者失去兴趣，通常是原图的黑白版本。

例1：

原代码：

<IMG border=0 height=92 src="http://www.rsbw.com/bbss/UploadFile/2004-6/2004610214449712.gif" width=130>　普通插入

　普通插入

例2：

<img src="http://www.rsbw.com/bbss/UploadFile/2004-6/2004610214449712.gif" width=130 height=92 border=0 hspace=10 vspace=20"> 设定上下左右空白位置

设定上下左右空白位置

例3：

<img src="http://www.rsbw.com/bbss/UploadFile/2004-6/2004610214449712.gif" width=130 height=92 border=4 align=middle>设定图片中间对齐，边框厚度为 4

设定图片中间对齐，边框厚度为 4

例4：

<img src="http://www.rsbw.com/bbss/UploadFile/2004-6/2004610214449712.gif" width=180 height=152 border=0> 放大了的图片

放大了的图片

例5：

<img src="http://www.rsbw.com/bbss/UploadFile/2004-6/2004610214449712.gif" width=130 height=92 border=0 align=right>设定图片靠右

设定图片靠右

作者: 淡墨瀑雪 时间: 2007-6-12 14:41

文字设制

一，文字基本设制

基本代码如下：

插入文字

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

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

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

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

二，大字体文字

效果：

数到三就不哭

代码：

插入文字

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

三，移动文字设置：

基本代码1：

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

基本代码2：

说明：

behavior=scroll 一圈一圈绕着走　

behavior=slide

只走一次　behavior=alternate 来回走

停停走走：

效果如：

数到三就不哭

代码如下：

四，文字特效显示：

效果一：

数到三就不哭

原代码：

<CENTER>数到三就不哭</CENTER>

效果二：

数到三就不哭

原代码：

<CENTER>数到三就不哭</CENTER>

效果三：

数到三就不哭

原代码：

<CENTER>数到三就不哭</CENTER>

效果四：

数到三就不哭

原代码：

<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 height=50 width=240>欢迎你朋友</MARQUEE><MARQUEE direction=right height=50 width=240>友朋你迎欢</MARQUEE>

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

效果六：

数到三就不哭

原代码：
数到三就不哭

效果七：

数到三就不哭

原代码：
数到三就不哭

说明：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%。

效果八：

数到三就不哭

原代码：
数到三就不哭

效果九：数到三就不哭

原代码：数到三就不哭

效果十：

数到三就不哭

原代码：数到三就不哭

FlipV产生上下变换，FlipH产生左右变换。

效果十一：

数到三就不哭

原代码：数到三就不哭
add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；
freq属性：决定显示的频率，即应出现多少个波形；
phrase属性：决定波形的形状，值取0至360之间；
strength属性：决定波形的振幅。

效果十二：

数到三就不哭

原代码：数到三就不哭

作者: 淡墨瀑雪 时间: 2007-6-12 14:42
：一些常用特效

原图片如下：

效果一：

代码如下：

效果二：

代码如下：

效果三：

原代码如下：

效果四：

代码如下：

效果五：

代码如下：

效果六：

原代码如下：

效果七：看到跟随鼠标拖动而滑动的图片了吗？

原代码如下：

效果八：

原代码如下：

效果九：

数到三就不哭

原代码如下：

效果十：

原代码如下：<IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif"><IMG src="http://www.smba-china.com/upload/upfile/2004430154320.gif">

作者: 淡墨瀑雪 时间: 2007-6-12 14:45

载入音乐

基本语法：

常用属性如下：

src="your.mid"
设定 midi 档案及路径，可以是相对或绝对。

autostart=true
是否在音乐档下载完之后就自动播放。true 是，false 否 (内定值)。

loop="true"
是否自动反复播放。LOOP=2 表示重复两次，true 是， false 否。

HIDDEN="true"
是否完全隐藏控制画面，true 为是，no 为否 (内定)。

STARTTIME="分:秒"
设定歌曲开始播放的时间。如 STARTTIME="00:30" 表示从第30秒处开始播放。

VOLUME="0-100"
设定音量的大小，数值是0到100之间。内定则为使用系统本身的设定

WIDTH="整数" 和 HIGH="整数"
设定控制面板的高度和宽度。(若 HIDDEN="no")

ALIGN="center"
设定控制面板和旁边文字的对齐方式，其值可以是 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom

CONTROLS="smallconsole"
设定控制面板的外观。预设值是 console。
console 一般正常面板　　
smallconsole 较小的面板　　
playbutton 只显示播放按钮　　
pausecutton 只显示暂停按钮　　
stopbutton 只显示停止按钮　　
volumelever 只显示音量调节按钮

例一：

作为背景音乐来播放，隐藏了播放器。

例二：

出现控制面板了，你可以控制它的开与关，还可以调节音量的大小。

注明：可用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU 等等，Netscape 及新版的 IE 都支持。

IE中的的背景音乐

代码如下：

#=循环数

注明：这种背景音乐格式，只有在IE浏览器中才可以听到。一般用来插入wav wma mid mp3等格试的音乐。

在论坛做帖常用格试如下：

一：

说明：一般用来插入mp3 rm ra ram asf mid 等音乐文件，如果要隐藏播放器，把width和height的数值改成0或者1就可以了。

二：

<bgsound src="音乐文件地址" loop=3>
说明：一般用来插入wav wma mid mp3等格试的音乐文件。

作者: 森森 时间: 2009-4-29 18:09

欢迎光临云水论坛 (http://www.yunshui.net/)