梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 4297|回复: 19

html标鉴做贴攻略及常用字体(新手必看)

[复制链接]

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2005-10-21 19:28:00 |显示全部楼层

原代码如下:

?1 H& @9 f) j+ r0 w, Q# m

<TABLE align=center background="帖子背景图" border=0 cellPadding=0 cellSpacing=0 borderColor=#ffff00 width="100%"><TBODY><TR><TD>

6 k, b, [8 B( w0 U$ E

帖子内容,文字或图片..... </TD></TR></TBODY></TABLE> <TABLE> 的参数设定(常用):

4 ]4 K% V9 T0 l% [* J( y4 D% E# W: @

3 S% d! }8 `9 u$ Y* K

<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">

w* |: b! T/ E+ }4 H9 m6 H9 ?3 h

注解:

( u2 t7 ]9 @2 q2 V. d# R

width="400" 表格宽度,接受绝对值(如 80)及相对值(如 80%)。

; W$ ?6 \+ O9 _/ {# n

border="1" 表格边框的厚度,不同浏览器有不同的内定值,故请指明。

, k3 P7 d! a2 ?* C' ?, p

cellspacing="2" 表格格线的厚度

4 `5 Q+ t9 \ Q6 a. W; ^0 _+ r6 M

align="CENTER" 表格的摆放位置(水平),可选值为: left, right, center

' m3 Z$ ~$ _/ J% B* c O) T

valign="TOP". 表格内内容的对齐方式(垂直),可选值为top, middle, bottom

3 s) @" z1 G; j2 q) p- }

background="myweb.gif" 表格的背景图片,与 bgcolor 不要同用。

, h1 U, \+ F l' ?

bgcolor="#0000FF" 表格的底色,与 background 不要同用

0 Z+ i0 ]% @7 ~

bordercolor="#CF0000" 表格边框颜色

6 [) S! t* B( j( \7 b

bordercolorlight="#00FF00" 表格边框光部分的颜色

0 u" z* l" T. G& D

bordercolordark="#00FFFF" 表格边框光部分的颜色,使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效。

# E; L5 i/ t2 Z( {) b

cols="2" 表格栏位数目,只是让浏览器在下载表格时先画出整个表格而已。

修竹翠罗寒,迟日江山暮,幽径无人独自芳,此恨知无数。 只共梅花语,懒逐游丝去,着意寻春不肯香,香在无寻处。

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2005-10-21 19:29:00 |显示全部楼层

文字设制

# H$ [6 z1 H' E' f, w2 w; F2 w- }

一,文字基本设制

0 U4 M( e; h& R4 U( |# y

基本代码如下:

$ ~ H: U$ S& ?+ o: m2 d( s

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

9 x+ M) O3 R7 T. z/ m; ~

align=center 表示字体居中,可选值为居右(right)居左(left)

color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 5 X. Q9 | O( H3 \2 U- m6 c a

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

. u9 k+ d L* r; Q; |

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

5 m8 c1 ]8 Z+ ~# r! m+ X1 J0 |/ c2 h

二,大字体文字

, [9 x7 {* z' J: ?6 G9 x" H

效果:

数到三就不哭 2 G/ T" O" i0 U# A7 |% o( D9 ]

代码:

" S4 m) a+ F$ l% `! O h7 l! R

<font style=font:40pt face=新宋体 color=#ff0000>插入文字</font>

& o b2 j- S$ D3 c( h" D. c( ^- B# }

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

2 D0 ^. I$ c, {

三,移动文字设置:

6 L& _5 `0 v4 B6 ^7 a

基本代码1:

" z3 \' @; k, |% O

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

; e6 A2 b0 u6 W7 t

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

2 }; V7 u9 B) \. i

基本代码2:

( U. ?) W1 c! {5 m( q2 K; ~0 c

<marquee behavior=移动效果>插入文字</marquee>

2 \! ^5 I0 I5 `- Y& z% ?

说明:

. s7 i( {. k+ E- d

behavior=scroll 一圈一圈绕着走 

' }8 Q& c( d X! `1 r

behavior=slide

7 D T: W- P( K9 L3 T) _

只走一次 behavior=alternate 来回走

. i! X) H5 |5 t0 l% F, c

停停走走:

- `+ w I: A0 O

效果如:

6 {# n- ?! A2 P+ o8 W5 U

- q6 y4 T3 ~) w1 u1 g- O+ ?( k3 W数到三就不变

/ M" a' R0 P; V7 P4 Z

代码如下:

+ _0 M( K3 w' c. J( F& ~

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

$ _0 U, D0 C7 b3 T) ^/ P6 n0 G9 z

四,文字特效显示:

" {6 t# O, o# a

效果一:

4 f% a! s( {7 y$ \! e$ a
数到三就不哭
7 O' c' M3 i- x Z8 G

原代码:

$ ~# X) F. D4 ?5 Z. ~4 R

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

- F7 @2 ^8 S: g

效果二:

( h, u b5 b# P
数到三就不哭
3 k: d+ T+ N% s6 W( I

原代码:

: y( b' I- [1 `; c" w5 `

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: glow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>数到三就不哭</B></FONT></CENTER>

! D& \8 E1 G7 v

效果三:

" V2 w' e3 c5 i5 f- A4 \# W
数到三就不哭
9 s/ A: R* {1 J1 X; [

原代码:

# i. r4 Q" u8 S q+ J6 p+ U

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10); FONT-SIZE: 30px; FONT-WEIGHT: bolder; POSITION: relative; LINE-HEIGHT: 150%; WIDTH: 450px">数到三就不哭</FONT></CENTER>

7 e6 V( | t) v+ ]( `& c6 m

效果四:

8 B2 t& |1 D/ Y4 S/ F 0 l) B6 ^- x7 g5 b9 a 500)this.style.width=500;">screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)"> 数到三就不哭 ( A1 R: u' N( O

原代码:

+ b1 U3 D) n! s1 j6 I

<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"><FONT color=red face=楷体_gb2312 size=7>数到三就不哭</FONT></MARQUEE></MARQUE></MARQUEE>

. n2 v7 W* [" C

效果五:

; M# U& I6 y" ] 欢迎你朋友 : r& h1 i/ R1 v7 F+ @8 c" @友朋你迎欢 4 O: w# _' q. G- q

原代码:

/ N& \) r) ]; D! U% l

<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>

u0 W+ y4 |* P* r

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

修竹翠罗寒,迟日江山暮,幽径无人独自芳,此恨知无数。 只共梅花语,懒逐游丝去,着意寻春不肯香,香在无寻处。

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2005-10-21 19:30:00 |显示全部楼层

载入音乐

3 |5 _7 d1 H+ e

基本语法:

! e+ a! a/ u/ e. x

<EMBED SRC="音乐文件地址">

- ]" f+ f9 J4 n7 n+ E, W7 e" u% d/ O& t

常用属性如下:

) x0 K2 c+ \, U5 o: q. _) T

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

/ J8 Z3 i2 C; r$ e; @* Y: T* H

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

8 k6 |5 {" G& f$ g- S

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

) B, f" }3 d6 A) w

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

! O0 q* V# E( i9 J1 |

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

7 |( K5 Y' _5 Q; ^* B

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

2 R/ ]" r" D" u. |! A! q1 [0 p5 I

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

: K" g, J$ Z# W- `% T+ H! X

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

8 B, Q. _, T$ o$ S8 c/ X% m) F

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

# s/ u$ j. F M+ J" t$ l

例一:

9 e0 W- _$ I+ V% f

<EMBED SRC="midi.mid" autostart=true hidden=true loop=true>

! y, P; l. E8 a' e% x4 t

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

9 }7 O; y3 M0 s7 g3 m D: x

例二:

: [& O3 {: C$ m$ K# {' [

<EMBED SRC="midi.mid" loop=true width=145 height=60>

1 n) P/ q! {% ~+ _, u$ q6 _

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

0 G1 b- K( f$ Q) b$ Z) z

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

0 Q; {& f( I( ^

IE中的的背景音乐

: L" `( P1 g j/ U: j

代码如下:

6 X$ ~1 g6 e, T6 @( [/ y3 I

<bgsound src="音乐文件地址" loop=#>

: T2 t* @# U, ]7 l

#=循环数

+ X1 P |' f \

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

+ q+ n, O1 c: x2 A4 U4 q8 _

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

z3 ?' ~; @" l

一:

) |5 a3 F4 H) L1 H8 e+ S

<EMBED height=200 src=音乐文件地址 type=audio/x-pn-realaudio-plugin width=200 autostart="true" controls="IMAGEWINDOW,ControlPanel,StatusBar" console="Clip1"></EMBED>

$ `: b7 T3 r* _7 x% a, Q! A

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

& c' \/ P. e& Y/ _7 q w

二:

<bgsound src="音乐文件地址" loop=3>
说明:一般用来插入wav wma mid mp3等格试的音乐文件。
修竹翠罗寒,迟日江山暮,幽径无人独自芳,此恨知无数。 只共梅花语,懒逐游丝去,着意寻春不肯香,香在无寻处。
紅塵过客 该用户已被删除
发表于 2005-11-27 16:06:00 |显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽

50

主题

0

好友

3万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2005-12-20 00:55:00 |显示全部楼层
蝶舞最好是每一个有个实际例子~~既然是新手那有你这样说的嘛!!就好比交小学生学高等函数。
月斜西山花落情 上峥容颜玉冰心 剑舞糅雪娆佳媛 影摇醉步蓦揽春

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

发表于 2005-12-20 19:03:00 |显示全部楼层
你们要做的是什么,去试帖区做了,有问题我看见给你们回复就是了。
修竹翠罗寒,迟日江山暮,幽径无人独自芳,此恨知无数。 只共梅花语,懒逐游丝去,着意寻春不肯香,香在无寻处。

638

主题

22

好友

178万

积分

管理员

Rank: 9Rank: 9Rank: 9

  • TA的每日心情
    奋斗
    2013-7-24 00:07
  • 签到天数: 76 天

    [LV.6]常住居民II

    发表于 2007-2-1 20:46:00 |显示全部楼层
    以下是引用月上剑影在2005-12-20 0:55:26的发言:
    蝶舞最好是每一个有个实际例子~~既然是新手那有你这样说的嘛!!就好比交小学生学高等函数。

    呵呵~~真的比学高等数学难呢

    60

    主题

    0

    好友

    2万

    积分

    论坛元老

    Rank: 8Rank: 8

    该用户从未签到

    发表于 2008-1-3 13:50:00 |显示全部楼层
    以下是引用晓寒飞扬在2007-2-1 20:46:00的发言:

    呵呵~~真的比学高等数学难呢

    世上没难事,只怕有心人……

    我倒觉得学得挺快的……

    一个月就上手了

    抵制法国货!

    233

    主题

    0

    好友

    21万

    积分

    论坛元老

    Rank: 8Rank: 8

    该用户从未签到

    发表于 2008-3-22 20:50:00 |显示全部楼层
    我试试
    假如我今生无缘遇见你,就让我永远感到恨不相逢.当眼前的人世渐渐褪色,你我的感情永不消逝........

    233

    主题

    0

    好友

    21万

    积分

    论坛元老

    Rank: 8Rank: 8

    该用户从未签到

    发表于 2008-3-22 20:52:00 |显示全部楼层
    汗~~~~这样也能学会呀,,,狂汗下下,笨鸟也会飞了哈
    假如我今生无缘遇见你,就让我永远感到恨不相逢.当眼前的人世渐渐褪色,你我的感情永不消逝........
    您需要登录后才可以回帖 登录 | 立即注册

    Archiver|手机版|梅香淡雅 ( 粤ICP备09167417号-2

    GMT+8, 2020-9-20 16:23 , Processed in 0.317678 second(s), 26 queries .

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部