梅香淡雅

 找回密码
 立即注册

QQ登录

只需一步,快速开始

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

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

[复制链接]

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

原代码如下:

/ N2 ]5 v, b. A

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

% R q, ?( W% _- P+ J

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

6 C9 \' \& I' G8 G. \% h' o

) Y4 K. s8 L) t h2 ^; ?. b

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

* o" @# X( F" ^/ W5 o

注解:

+ S3 b6 ^5 z7 R, R' A. ?* L

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

; R1 u: \& @$ d7 D0 j9 G4 ]1 X. D

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

9 r8 a/ ^; K, `8 Q b

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

$ z, g& y/ ~( y# J4 x7 ^9 d+ U

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

; f4 \3 I. P( q; H9 y

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

/ Z. _0 h* Q* N0 K' u: V

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

3 T6 F7 h1 O; N

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

$ P: h$ U# y* F# X: X

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

3 J0 E: s% m* Z

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

1 r8 c' ~/ e3 D

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

1 s7 E! N1 }! p/ t B( l/ @6 s) ?6 c

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

文字设制

9 W$ ]% z& f2 ]; U# h

一,文字基本设制

9 v7 g6 P3 r% D$ l: ^- k

基本代码如下:

' J+ V4 ~# i0 y/ t, A, Q4 B

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

7 c" d0 V2 v$ R# Q- i( w

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

color=颜色代码 具体颜色代码可参照:颜色选取<<点击查看 3 f' Q2 d8 {( a: s4 ?) Y* f

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

7 ]0 p: Y) f$ U; P \

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

- L8 \3 W0 f6 G E+ B. G! ]

二,大字体文字

" F" B& |1 u8 G9 g/ {

效果:

数到三就不哭 0 I6 M, ~5 l* G& @

代码:

0 W! |9 E' \ W% z4 Q$ \

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

* o5 z# l+ H9 U4 O6 Z( P4 I

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

! u3 o) U/ R; D* m O* i

三,移动文字设置:

# M( H' L7 o- E2 z( }

基本代码1:

9 O* }# t) Q' s

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

3 m; g; E3 ?- G7 Z) y- ^+ \, E% f

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

; J+ r+ a$ U4 z- e2 F

基本代码2:

" Z. h" Q" e' }1 l

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

" P2 m* G- t+ S) R. l

说明:

* ?; J1 |; E; Q1 S" g

behavior=scroll 一圈一圈绕着走 

* M( l) ^0 t) h. |9 w2 n3 K+ L

behavior=slide

7 d4 j* u1 I' s$ C; u4 z0 \6 Z

只走一次 behavior=alternate 来回走

3 p/ A! W0 c4 C9 v2 |

停停走走:

7 \! [% J" z7 D" i: _ D# N

效果如:

6 A$ s1 D9 T5 F2 g) W/ a' k

) s, B4 J8 r& m* O8 V. ?5 x数到三就不变

$ y, J z. m( x( K: w

代码如下:

! q* w% t2 V8 z8 X( W$ W( L

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

K: W3 N8 l' V

四,文字特效显示:

# S& h; `0 X: S, O: f

效果一:

9 ~0 h* k$ ~& Z$ y5 C9 R7 W
数到三就不哭
8 Y a* m: C9 G4 a9 y4 _

原代码:

- @( R( L4 ]; D8 p e

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

) g$ g' A& E% p$ C

效果二:

% J; S# z- |4 E& k
数到三就不哭
( ?" X+ r7 f" @

原代码:

+ k. Y# T5 U; |4 Y, c. e# [0 t; M; G! Y

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

8 T( q9 N' a( X" p

效果三:

( s6 V% P, I6 u5 ]* X/ Y# a6 \
数到三就不哭
/ M0 `! Y* I1 P( K' @$ d$ O

原代码:

2 p: J2 i, |3 T0 c+ h; p

<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+ s& K& T* A' q& T

效果四:

5 Z, a8 O D0 D0 Z' j$ G. ?) H% ^, j) R1 U3 {! F" I2 P 500)this.style.width=500;">screen.width-500)this.style.width=screen.width-500;" onmousewheel="return bbimg(this)"> 数到三就不哭 ( J( K! w6 X! \+ b6 w

原代码:

8 d4 b* L* ~ e2 v, t

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

9 {! l, ~1 S3 Y4 T8 S

效果五:

: c5 X, k2 R* } 欢迎你朋友 * [0 I0 a/ t# ?: k+ T友朋你迎欢4 K0 \" ]- g7 K

原代码:

6 x* H1 e d5 V7 ?0 a! y7 t+ E

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

7 \1 X& o: s* Z8 n) [# `0 |. B

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

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

215

主题

0

好友

12万

积分

论坛元老

Rank: 8Rank: 8

该用户从未签到

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

载入音乐

0 y: ]* e+ I8 s; l# _

基本语法:

: t! R t" ~; k' g/ ?( V8 |6 E/ k

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

8 f' [1 m- v6 t4 [+ t

常用属性如下:

7 o. @9 _8 X! ?9 Z; K& v( `/ X1 q2 H

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

0 ^) a8 ^2 O' j

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

5 V+ Q1 j4 Y& W! Y4 C( S" ^

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

4 F" j% ^; q& l/ x

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

0 K0 D+ R$ ]- I/ [0 @2 X0 ^

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

" c S; Y, h7 M9 Q

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

* k) K$ A5 b& {+ u# `0 e( P7 [( ]

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

, z: O- t$ V7 N2 M8 k

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

a% V/ i9 x% Z8 ?! j

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

( B+ N9 q$ C& B+ J- e* `5 g7 R* X

例一:

2 _) q4 A5 L2 Q4 ?; h

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

- T4 u2 I+ t" `( v4 r& c4 r# H. u

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

, l m7 A2 x4 P6 b p6 o

例二:

1 C2 v0 O7 R2 C! G3 \" h

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

- }# P- s; H% ~& \& \

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

" g4 _# W+ Q" D0 u, c' g

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

9 o* a& I" R" }% i

IE中的的背景音乐

7 L; i% v% C6 _/ o

代码如下:

7 C* f8 B% B1 c6 ^. O/ s9 ?( x

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

$ X8 o( k7 c3 M$ Y5 R. m9 h

#=循环数

( V% g; z; A8 O+ C2 _# h1 H% }5 d1 E

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

5 C( g1 L4 t+ Q

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

9 T- v. }1 ?# T4 i

一:

7 F" i# I, c" g* ]: m

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

; T7 ^ R# g" ], Q5 s9 H# W) p

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

7 n4 _2 V8 x; A

二:

<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-1-18 03:51 , Processed in 0.294306 second(s), 26 queries .

    Powered by Discuz! X2.5

    © 2001-2012 Comsenz Inc.

    回顶部