梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

原代码如下:

7 }6 |' i' Z% C8 t3 i: S7 Y+ Q

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

v5 ~+ D% S6 h

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

! W5 R7 k* a3 n6 c- t

5 {; G; u m. R9 N; O3 o

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

% N/ P# o1 s5 ]" P2 N7 r

注解:

, t# D3 i4 F3 S8 z. R

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

4 k$ L$ Z+ s1 b) M- F

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

. Y, b- L! A' S' F

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

0 E7 @% s6 ?/ ?) _5 K- c/ T

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

) R) T" c, e8 y" `0 B$ B

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

# _4 n) f1 g" h2 N* ^5 }2 y( X

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

- N+ W4 \9 X+ e% z" I' g

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

$ d3 ]5 k9 ]2 B7 \4 l( t

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

4 f; N" D7 K; P3 G7 B, n* w

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

5 y) t' E! E& R1 m0 a

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

# ^$ N* q1 W: Q- R) ?7 {

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

文字设制

) T1 ^0 t0 G( j7 c

一,文字基本设制

& V2 C& }- E# x# E5 l2 D! M* n

基本代码如下:

" p) q n, E# s6 D' I$ P

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

2 D/ I6 r% i8 p/ R7 `* R

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

color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 5 a6 r5 ~+ J2 T

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

1 R% W2 Z. P- l ?! {$ |

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

& V4 A. E$ n% p6 b' l

二,大字体文字

6 w; d3 Q2 m: Q8 b" N8 p& O4 S l

效果:

数到三就不哭 ( B& J7 e# z k: k

代码:

7 M+ p, f4 f+ h2 j; Q9 [) ^

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

0 _$ `, S1 M3 X5 B

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

, R" |( U& s6 y& O5 S% M5 z% a7 M$ C

三,移动文字设置:

6 T% K2 w) b4 p6 O, ~- H8 V& C) Y

基本代码1:

5 O7 j( z4 D1 N* j

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

6 p5 Y9 R8 z) b8 q

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

" j" b1 |, N0 s

基本代码2:

2 O( ^) E0 ]5 R4 u

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

7 K/ l8 X! w W8 ^0 W( [9 B) w

说明:

3 ]' R9 X+ r! c8 a* G2 J

behavior=scroll 一圈一圈绕着走 

5 S" y2 p5 r' B' m

behavior=slide

7 A) g, I, o P7 c7 r- y& K

只走一次 behavior=alternate 来回走

_4 F9 V# G+ J) o

停停走走:

, p9 z( j* ]) _/ ^) ^

效果如:

7 }: h/ L8 ?2 g7 _2 @7 b! Q

. X) K6 |. ]% _" Y( Z) p1 ?数到三就不变

! E% J) ^, Z( @% a+ E

代码如下:

# r. k v# c5 l7 p0 l

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

9 e& R6 `, n1 B9 x% V

四,文字特效显示:

# p$ a1 ?! M% g a: P0 P( w8 F& z7 |( k

效果一:

5 a0 L8 s$ s0 f
数到三就不哭
5 j# ]" h0 `$ o! |

原代码:

$ F$ M& y5 w" F4 t n9 U3 b! I/ F

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

8 }& L5 i* m7 K) I: s t$ X: u

效果二:

7 Z3 a, v! X4 C3 K: @
数到三就不哭
% w+ k- P" D0 I0 A/ u L

原代码:

+ g- N' n: Z- A. s! {

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

+ Q- K% U a! l& h( S. l( D: Y* `# K

效果三:

1 u( B/ Y( `4 S- s# f0 y& u. p5 f
数到三就不哭
% V, J: T. x4 X

原代码:

8 B& D ^1 d4 {# j

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

/ u( N# Y" [/ p9 \; I

效果四:

4 H4 K+ s- w+ y! X* J! S! u! ? + A: _6 g9 [) j. ^' D500)this.style.width=500;">screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)"> 数到三就不哭 ! z9 j2 o3 h0 _" m- E, @5 G" l/ p

原代码:

) o8 d; y- j9 _

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

% H' O: R, m" z6 e8 w3 u

效果五:

R# g, f. i6 b0 y* ^欢迎你朋友 7 u0 E3 ]$ E. ^$ g+ T% k0 u 友朋你迎欢 5 o5 w0 D* h( m3 }

原代码:

3 L3 V) C. N* `5 T

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

5 s. T8 p/ V* o& |; n1 E/ ^

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

载入音乐

8 b2 n" Q6 n% I

基本语法:

! P1 D; W2 i) q/ B. k

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

2 N- l& ? f" S5 e0 h' ~7 E

常用属性如下:

N2 Y, L6 ]6 g+ b

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

! F5 a8 A3 O* D8 d

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

" e' x) R m/ y3 b) B: N1 V7 l3 c

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

: I- P. x$ @- h+ @+ X

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

1 Z) B+ {" [. D3 i% }. Q$ K

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

* S$ A4 ?9 P6 ~! S

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

0 v6 }' f4 Q. T3 Z" w1 \- G9 t

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

9 P6 C1 ~. y4 D, L7 q

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

3 _( u% c' [- x1 T! s

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

" B- ?% D4 W4 F/ s. I* k6 y6 @" D

例一:

$ O$ r- @, y+ S% n: [

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

5 S' e* a8 N4 W3 w3 o9 [4 A

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

% N5 J; H7 I6 {# R. ?

例二:

, w$ Q3 s$ N6 V: `' o8 g

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

- T; l4 {0 |# U

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

' w+ T. e, x/ o9 B1 R/ p/ `7 e

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

1 g9 A; F& I) u7 P P0 l8 D& s- J" F

IE中的的背景音乐

: \$ z: [% J: s9 g

代码如下:

; y( R( f( h: n7 c0 y

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

: i/ ^( ~+ _ C- c5 W8 k

#=循环数

- w6 k% o( s4 H3 c5 ]

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

+ w h5 j) K8 M3 U1 m U- M0 l% P7 U

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

* ] g3 ^6 Y% q9 |! e2 ]) F

一:

) L9 G0 n- u ~# `: p% W

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

, C( Y( i/ a4 B8 M1 G2 d+ I1 Q

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

/ |% {$ T) r- B

二:

<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|手机版|梅香淡雅  

    GMT+8, 2019-5-21 05:23 , Processed in 0.301618 second(s), 26 queries .

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部