梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

原代码如下:

5 F& t/ v* O3 Z3 ~

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

* |/ ]- @. ~. B) R, `

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

5 w6 t5 E/ `7 _2 H

& {8 T' B' L1 _

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

' _4 o/ J1 ]$ A, ]) e5 x3 W

注解:

- ^1 O/ r9 J0 P; a& _5 ^0 o

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

) n5 s4 Q! J8 C# ^4 S L

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

! Y1 |$ W( h1 L% b8 `

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

0 W: t' r$ h0 I: ^

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

- _ a, `* J. W/ `" E; q$ Y3 X# `

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

& @ T( h4 z! d: |6 P

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

" [; L: V- }" J, D, n# {3 a8 _1 @

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

3 I7 A: n; @7 @+ }1 z

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

4 n% g# n3 t" p, h6 J! ^; W0 s

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

& I O1 r' ] s

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

1 Z$ J( P6 M) ?# Y1 e: M, @

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

文字设制

, D8 ^2 {: ]' b* a F

一,文字基本设制

' r7 C1 L$ ~$ G( A8 a

基本代码如下:

( |$ r3 u% L* k& u$ h: G

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

, [ W$ `/ u/ E7 J4 V7 V F

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

color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 ' g0 s0 D9 \/ }

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

z: _- b/ R/ H* p

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

( j7 G* x8 K! |+ R& I2 q

二,大字体文字

) f! T3 w; ]% `3 c+ G

效果:

数到三就不哭 + o: ?5 C; m+ q' O# Q

代码:

6 \ ~- s7 F" ?/ I' g9 P# T' ]

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

8 }) Y. v) K: u, C0 K4 b. w3 _% d# m

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

- G7 |8 N# u& R9 P

三,移动文字设置:

2 _* [) n. g* o8 H- o

基本代码1:

5 b0 f! ~ n2 @! ^) Y; c' @

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

8 Z" J. u7 y" m) w! d

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

8 o G: c- h8 d K

基本代码2:

* G% k( q( u5 R) x Y; z

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

2 O! L; j& @9 G

说明:

; E. }; M7 c" l; t

behavior=scroll 一圈一圈绕着走 

( T% t1 N9 F0 ^6 `5 Y

behavior=slide

9 n6 Z1 h! [6 i) y& P' q) o8 j

只走一次 behavior=alternate 来回走

" ?$ }5 x5 b$ | u' t

停停走走:

3 H' y8 @- S" K0 j

效果如:

0 k% F3 t: n B2 U) G0 J2 H# M5 B

& g2 j* G+ o: \4 L; y' W* _ 数到三就不变

7 j' A0 Q$ ]" d4 V! X4 H

代码如下:

4 M( V0 J. H# L" C Y

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

" k" O% e' I5 \* p

四,文字特效显示:

, K& W5 `9 v. u9 a+ P2 y0 ]

效果一:

l5 k$ E- w) P# `
数到三就不哭
6 ~! K* Z. c. N: D5 q

原代码:

- R( s# {& _/ h8 R+ y/ E

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

% j: o/ s5 e) q1 w0 j) J7 Z* u6 J

效果二:

& y! o, e* d8 ?4 \
数到三就不哭
- a8 u/ r8 ~& o' a2 {2 X

原代码:

3 E5 V, H- s# d; e; z% x- n

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

2 N0 \6 u* p( F' N

效果三:

' z) x v) g. K, _
数到三就不哭
# z8 I" D3 E! V: \# @' d

原代码:

& _7 S. y+ t- K5 K+ b1 y& y

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

; Y# _3 Y# r1 L4 V, i, b

效果四:

2 @5 o* N* @+ E, f3 B, a/ C5 _ ^' H$ H, i1 |3 q8 J" ]5 y+ ~ 500)this.style.width=500;">screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)"> 数到三就不哭 - O* ~( f. I# |$ O, O: r

原代码:

$ e1 w) o' l1 q

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

. e) y5 w8 _; r8 n3 b: ?

效果五:

/ }5 d- J+ U& s, X; f6 B; p3 @ 欢迎你朋友 2 A7 w% }% h3 u1 m( [友朋你迎欢 8 b8 Y4 k& c0 I) C& k: e; [

原代码:

6 V; C" r @' v7 ~# l) c3 |" s

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

' V5 N' O, V+ T9 P2 e1 u3 v2 f

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

载入音乐

* Y0 a/ O# b+ ~5 X& \

基本语法:

7 k9 V* T, O+ s5 Q

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

6 T) u+ d' K8 n1 ?3 r0 o

常用属性如下:

; b+ ?$ N; y: G9 }

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

% w) C* Y, s0 Y4 O* Z- A0 x

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

0 |, V S( |; ~, T

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

. m, g% p; ^6 @ C, d. U

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

' N. I8 j# p3 N: }) n

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

3 ]: c; G7 J _( ^: R0 b7 ^

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

9 |- A) [7 o2 w8 ]6 v# u

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

" L8 u6 M7 r1 a& O& F

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

9 }. r/ t: F% z4 `

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

" [% ?" D, V6 B9 `+ m

例一:

}/ f |0 y4 g0 w s3 G

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

& y8 W# b6 Y: e Y+ ]

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

, G5 Y4 e/ O q- d( |) A2 L3 z/ K# L( I

例二:

* `, L0 e. b$ t

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

6 A A& E2 P; @9 C

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

5 j. C$ d- b2 h0 E: O

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

- N2 i0 v( G; {3 L# L

IE中的的背景音乐

8 G. ^ w/ S1 J9 |2 L

代码如下:

5 s: O: F0 h. Z, W( W

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

* W2 @" r& s& i. S( A" Q; D

#=循环数

; J- H0 x( c2 i. ^( \! c

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

, u* V+ n$ J! h4 v; m; G

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

W! P# |4 I/ @% Z+ {% l/ m

一:

/ z8 C" w l3 a7 _( ^

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

1 l1 T. U I. h6 J

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

; k: Q5 ?: q/ Y

二:

<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-3-19 04:11 , Processed in 0.237223 second(s), 28 queries .

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部