TA的每日心情 | 衰 2019-8-18 09:37 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
html基础$ Y5 e6 K; P( w
- _+ N) h) d6 o' |; W, y) i: }/ D
当我们畅游Internet时,我们透过浏览器所看到的网站,是由HTML (HyperText Markup Language) 语言所构成。HTML ( 超文件标记语言 ) 是一种建立网页文件的语言,透过标记式的指令 (Tag),将影像、声音、图片、文字等连结显示出来。
& L$ i" `' q5 f HTML标记是由 < 和 > 所括住的指令,主要分为 : 单标记指令、双标记指令 ( 由 < 起始标记 >,< / 结束标记 >所构成 ) 。HTML网页文件可由任何文本编辑器或网页专用编辑器编辑,完成后 ( 以 .htm 或 .html 为文件后缀保存 ) 将HTML网页文件由浏览器打开显示,若测试没有问题则可以放到服务器 (Server) 上,对外发布信息。" P b n6 s6 v( c& J
& h. o u- C4 r9 X3 ? HTML文件基本架构
4 A5 X) a4 ?* _- F |9 T# P% T! J
2 d3 a& Q# f# @0 U0 c7 T6 u n9 I) ~- S<HTML> 文件开始 ' D) d) ? {& [: D1 g- ^6 f
<HEAD> 标头区开始! M6 ~4 T: W0 x. s1 s% P' N- @) j
<TITLE>...</TITLE> 标题区
4 t, @9 w! a R3 ^1 [+ r$ e</HEAD> 标头区结束 . j- X5 h9 D7 g
- b- P1 b& q5 S8 r" z J- a1 O
<BODY> 本文区开始
, A) C/ v! d6 S) J本文区内容
3 |3 C7 P; U. x+ R. S2 W; G</BODY> 本文区结束 6 h' ]3 j5 k* h9 Q) O9 p: w. j
z- ^2 m8 I* i; s, H( e</HTML> 文件结束
b% z" N8 @) q) B5 @/ Z( w8 s/ {' Q8 x4 [0 h* {
0 }+ \! ], o+ {0 A
<HTML> 网页文件格式。4 e- n5 `* E0 W8 b. c
<HEAD> 标头区 : 记录文件基本资料,如作者、编写时间。
4 q* o6 ^& ]* p% z X<TITLE> 标题区 : 文件标题须使用在标头区内,可以在浏览器最上面看到标题。
; g, W0 e/ U% p( H5 u8 H<BODY> 本文区 : 文件资料,即在浏览器上看到的网站内容。1 \% n, B. G# \& F
+ b6 j$ X8 s2 ^) D 注意事项 2 @8 T* _- J2 u) \, {, N3 W" P
6 w/ D4 I) v, [ 通常一份HTML网页文件包含二个部份 : <HEAD>...</HEAD> 标头区、 <BODY>...</BODY> 本文区。而 <HTML> 和 </HTML> 代表网页文件格式。 ; |# z9 Z/ b* Z! U Z
2 X8 Y0 C* S2 N- b" ]
习惯上一个网站的首页名称通常订为 index.htm 或 index.html 这样只要浏览网站,浏览器便会自动的找出 index.htm 文件。6 O; V( t9 Z( R* i k: A! u n& L
8 X% _( S+ k7 w8 z字体# u" f4 ?9 I* a! i2 j3 a
# F* f3 k+ [' J/ R/ K8 C+ F 我们在这里将要谈的是有关文字的标记,包括字体大小、颜色、字型...等变化,适当的应用可以增加页面的美观!
" S+ ?! W7 J" ^; j( B+ ~: y
0 d% ]% c8 N- e 常用字体标记
' N& [7 B( e0 R% e, p5 B
$ t0 U- V+ W; f: h/ Q, g2 X<Hn>...</Hn> 标题,设定标题字体大小, n = 1 ( 大 ) ~ 6 ( 小 ) 会自动跳下一行。通常用在如章节、段落等标题上。 3 [- o2 g& x; f$ |: e% P
如 : <H2> 标题 </H2> : }4 r9 c: o" p6 H4 J, k# r
# d& c! `" @: x+ z$ q
标题
) ]) ^5 `4 y/ r如 : <H3 ALIGN = CENTER> 标题 </H3> ( 标题置中 ) , w: b* [. i* _3 C
标题
+ C: m2 {' N4 y8 N, V& t- C<B>...</B> 粗体字。
; k* }+ Z) h6 U& t% [0 {如 : <B> 粗体字 </B>
) l/ W4 D# c3 T% T, |! X) V9 S+ `! ?, x3 X6 h
粗体字 3 ]+ N s0 L; W* s$ ^6 D( b
~5 a# w- F+ H: R! |9 R
! c' M# P) ~# Z* ~7 D( g$ C
<I>...</I> 斜体字。
$ S* R# ~* A2 H6 L2 j如 : <I> 斜体字 </I>) O1 U' F! Z% `- G
斜体字 & u+ ~' j2 y2 j7 O8 j: i
+ i( q# T. F4 X9 W3 z/ U! _: N8 Z7 K5 w) s( H
<U>...</U> 加底线。
: V6 _1 H& U! M/ f3 l4 n1 C如 : <U> 加底线 </U>6 a/ S4 F+ ~; k* n
加底线
6 i N' t3 T% \9 w
$ i" a! T) }- K7 w! L7 }/ E2 R! }; ~, a0 T" L3 I& f. o# ^+ Z
<DEL>...</DEL> 横线 ( 表示删除 )。
# W9 x$ c3 J6 G% r; j如 : <DEL> 横线 </DEL>) `. R+ J6 u% K( m1 C
横线
]7 G: h* U8 @+ x; b& R. Q# w0 _) c' Q/ I
( [, a( d* w8 O+ E/ [2 W( Y$ k
<TT>...</TT> 打字体 ( 固定宽度文字 )。
8 O. g; n, G* Q3 e如 : <TT> 打字体 </TT> h: U) J6 F8 p2 p# J
打字体
$ ^ t4 t+ v! r! i# E ~: w, |, U
8 J0 m C$ c) W3 K4 S" ]4 \; H$ t- j; Z% S& d
<SUP>...</SUP> 上标字。 ! p \$ ^# b! T1 o% c% F1 ?
如 : 字体 <SUP> 上标字 </SUP># X. y' _0 Q; _" O
字体上标字
1 h& M9 \& x, ]
4 a3 ^5 T) y; ]3 s& Q$ Y8 ~) i: ^8 B0 M" k5 i: p+ \* a
<SUB>...</SUB> 下标字。 8 V' V8 L3 _. u9 u. i3 i
如 : 字体 <SUB> 下标字 </SUB>4 D7 N4 a4 j* O- k8 U6 l
字体下标字 3 z4 {8 T n! Q. [/ [& N! h
R/ W: k. v( c0 ], L
9 c q3 u- D) t b4 ^2 {3 A; O# p4 L3 b<!...> 注解 ( 不会显示在浏览器上 ),可以多行。
/ ~* W& L S4 U
8 Y9 R! `/ X( {) M. \7 e( G如 : <! 更新日期 : 2000/1/1>
' m, q$ M5 d% A* @3 w- f; l
' s, R6 v8 V% C- J& }7 p z
C* ? Q, o+ \/ a$ h! r8 h, U/ _) a, b7 P% ?
设定字体大小、颜色、字型
2 B) n" P F6 p% j1 q5 }/ F4 l! r4 U
, ^# L0 i' o! h/ ?& I 有关设定文字的方法共有以下几种 :
0 Z1 g0 o* i' b3 ^, c" c7 I' U) q$ e* D6 c, y
1.设定HTML文件主体文字颜色。<BODY>...</BODY>标记。 , x5 `$ m; m& i: F. \
, a1 x# N* @* x
. ]5 x0 I& g; h9 \+ q 如 : <BODY TEXT=RED>...</BODY> 或1 R2 s( ^- J% |- F
<BODY TEXT=#FF0000>...</BODY>
$ K/ @7 ?, O( K/ J
* B4 y. C N2 z' n9 B$ [7 v6 i3 s 2.设定基本字体大小、颜色、字型。<BASEFONT>...</BASEFONT>标记。
1 d0 N3 D3 w% Q8 h; H' f. y! Q- N* j: p7 _3 p
3.设定字体大小、颜色、字型。<FONT>...</FONT>标记。 5 n; g: x( V& Y) T
7 R& h( C. O( T, o/ s# W! J<BASEFONT>...</BASEFONT> 设定基本字体,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。 1 m$ r1 ~; E6 ^, |" K* t( X
如 : <BASEFONT SIZE=4> 基本字体大小为 4 </BASEFONT>
2 O7 V; ?9 ?/ Z基本字体大小为 4
6 p6 {0 l8 r ^' D) k( \- ~+ `* e" V- N: z! s4 V# b
如 : <BASEFONT COLOR =#FF0000> 设定颜色 </BASEFONT>
0 N" X0 f3 R; k' P* l设定颜色
4 B/ W& p6 ~+ C' {& i j' A$ @; E- }
如 : <BASEFONT FACE = 标楷体 , 细明体 > 设定字型 </BASEFONT>
+ n! `( X# j& Y( W/ k9 h4 U设定字型
1 |, D2 h8 w& K+ P3 T) d
9 F6 J4 {$ F( |& G) B3 j: H/ [5 S2 g2 ]# d$ L5 X
<BIG>...</BIG> 基本字体加大。
( E1 l! `( [, a) r如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>7 ` l& ^* C# [& a" q* }
<BIG> 加大为 5 </BIG>
7 f! E6 P2 {' e& y5 t7 d: y! t B( S基本字体大小为 4,加大为 5 ! G5 P3 C0 \6 @8 g0 ]) Q
' ?6 W- ~1 @/ {" C; J: w$ u3 o
1 {# G$ u$ `9 F
<SMALL>...</SMALL> 基本字体减小。 3 e( X% ^$ k: J; d* O
如 : <BASEFONT SIZE=4> 基本字体大小为 4,</BASEFONT>( q" q5 @5 v9 D, U; ^5 a! p' v
<SMALL> 减小为 3 </SMALL>
& }9 I8 u# e: D( r8 ]0 ^3 r基本字体大小为 4,减小为 3
! \( z) w( a& T/ M8 }3 O+ y5 ]: K1 c, B
0 m/ I5 l0 p+ T1 j<FONT>...</FONT> 设定字体大小、颜色、字型,SIZE = 1 ~ 7,1 ( 最小 ) 7 ( 最大 )。 ! B+ V2 b& J% N" Y5 ]2 h
如 : <FONT SIZE=4> 字体大小为 4 </FONT>
5 O0 r: n: @3 e字体大小为 4
# j9 B/ a j: T2 k' X \: j) _
& {5 C% v5 \- O3 ]如 : <BASEFONT SIZE=4> 基本字体大小为 4: u- P6 j: k5 T# S+ z
<FONT SIZE=+1> +1字体大小为 5 </FONT>( e% ~) {& U: y. [4 _ d2 c) A& O
<FONT SIZE=-2> -2字体大小为 2 </FONT>...</BASEFONT>
^$ y4 ]3 O' Y% R8 q q7 T 基本字体大小为 4
: L% }/ @1 w7 C+ ~ +1字体大小为 5, E8 j4 o) W, w9 z9 a& K
-2字体大小为 2
; ?' E) T9 ^8 M; [& P, X( Q1 Q
5 z3 ?' P8 D& n7 U% w! y4 w5 U# i6 m6 n1 C+ I
如 : <FONT COLOR =#FF0000> 设定颜色 </FONT>5 y, }, D& R& l& i" d; B
设定颜色 ' D6 k- u7 H/ `$ S# y, B/ W
# I+ ^) `3 _& ]如 : <FONT FACE = 标楷体 , 细明体 > 设定字型 </FONT>
! ?) W; p& @0 R" y+ O4 b/ H设定字型 . G! _; q& m" j J H
' v, f7 M& K' O$ O
# o! N, ~9 t1 p' {3 v
" V7 G* n) u2 ]# k; U, W {; ^( x
注意事项5 u! ]3 w! q( l
$ @3 _1 s! H/ Q: Z8 N 1. 设定字体的大小分 : 绝对SIZE 如 : <FONT SIZE=4>
2 E4 k/ w/ D( {; U4 {7 K2 z和 相对SIZE 如 : <FONT SIZE=+1> ( 以 BASEFONT 设定的字体大小做加减 )。 7 u' ~7 O' o+ P: j$ t! l* k% R
, g5 ` @. z/ ~0 D+ x6 j! k 2. 设定字体的颜色可以是颜色名称或#RRGGBB表红绿蓝强度 ( 00 暗 ~ FF 亮 )。 #RRGGBB 所代表的是红、绿、蓝三原色,每一色由两位十六进制的数值表示 ( 即十进制 0 ~ 255 )。
$ a" X& o6 l# S% V( G0 @; F十六进制 : 0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F。 f7 P6 B! b% A" `" T
: g1 S' K+ ]' q* }, @ 3. 设定字体的字型会按照顺序找出显示的字型,若找不到则以系统预设字型显示。
7 B- P8 @- v0 \2 W2 n7 x4 S! t: T+ D/ A" V/ v0 S
表格
! W: R9 X/ c4 u/ ]: n
6 b, K) J Y' H9 @ 表格是HTML的一项非常重要功能,利用其多种属性能够设计出多样化的表格。使用表格可以使你的页面有很多意想不到的效果,使页面更加整齐美观。
' [1 O- f8 @( G+ c
; E/ C* F( R) p% w% K 常用表格标记 . ^3 s. o/ L- i% \. M: i
% E3 M) L+ T3 s9 U1 \1 E4 e3 t<TABLE>…</TABLE> 表格指令。
k" W9 I {; U0 C1 S相关属性 : % _/ J% ~* r b& j, S& c" ^
·ALIGN 调整
6 q$ Z' G' {" `: g/ u5 B7 u% \- P5 j·BGCOLOR 背景颜色- B/ v+ g. ]; I. o+ w2 y% Q
·BORDER 边框- P- u) |+ B3 J. z3 L0 j
·HEIGHT 高度 c6 ]) n8 _7 N& R
·WIDTH 宽度 : e: k1 P+ l$ F2 i
7 t( h4 k; M6 g! j& B+ r. P$ x9 G' F6 o* m9 e# N
<CAPTION>…</CAPTION> 表格标题。
2 t* Z3 [% |! [; l相关属性 : 8 a8 [, l$ J. L1 i
·ALIGN 调整 5 [+ F" n2 C. C8 ^8 w! K
& W1 F# Y% u, I# U a; a4 w* @
# L( C' e) D3 C# I
<TR>…</TR> 表格列 ( </TR>可省略 ) 。
! j8 [3 q3 d+ p. k相关属性 : & L6 G+ S+ K' O) _! i" [) N3 }
·ALIGN 调整 K2 T# v, k- f) |
9 x/ s4 Q* w0 l% f- b5 R. Q/ b2 n
# d% k/ R! S5 ?" N- L' r* V<TH>…</TH> 表格栏标题 ( 表头 ) 粗体字 ( </TH>可省略 ) 。
' J! L6 d, C8 d' O! r& n; D相关属性 : 1 X5 s M& M i7 z: U
·ALIGN 调整/ {+ d3 Q8 k& O# R' r
·COLSPAN 栏宽
: K/ ]+ k8 Y7 D: t) d·ROWSPAN 栏高 8 _: \/ _" x4 H; E: z
. `$ q/ w' v% F' C) D
. K" N+ l u" y<TD>…</TD> 表格栏资料 ( 储存格 ) ( </TD>可省略 ) 。
N* I/ p9 j* X3 e7 ~相关属性 :
# Y9 _( h& N, j- ~* g* N·ALIGN 调整
* e+ B) |! i" t" U( Z* B* U·BGCOLOR 背景颜色
$ N' A+ o0 R1 L" s2 b·HEIGHT 高度6 s* e$ t, @, M7 o) D) v- U
·WIDTH 宽度
( |; W$ D V6 |; a·COLSPAN 栏宽
6 [4 ~# Y* B) a" Y$ ~2 u·ROWSPAN 栏高 2 S" F, L+ M' x8 F6 e$ |
' [. i- c: K1 A; W+ \
- Y) K2 a6 k* h7 Z* z, A+ s" W3 W 举例
- O; l% l3 d7 G2 T" t
+ P6 b4 ~9 C- v0 a如 : ( 基础型 ) # G6 W3 }/ U3 _+ V" S4 s
<TABLE BORDER=1 ALIGN=CENTER>" O( B6 L7 K/ P$ t5 u
<TR><TD>华夏黑客联盟<TD>华夏黑客联盟
3 G0 }( e5 Y: K d' b9 o<TR><TD>华夏黑客联盟<TD>华夏黑客联盟" e+ B+ w6 w8 Q. w
</TABLE>
$ p k( z0 {+ L华夏黑客联盟 华夏黑客联盟 5 k9 s; D* u) A; F
华夏黑客联盟 华夏黑客联盟3 y* h+ O0 K" j5 B) G
4 B C+ D9 w W" v
- _$ o- s. `4 B; f$ U如 : ( 加强型 ) 增加背景颜色、表格标题、栏标题、跨栏宽、跨栏高。
8 T1 p% u1 D4 L' }! ~<TABLE BORDER=1 ALIGN=CENTER BGCOLOR=#CCCCFF>
" t/ {" n8 F5 ]3 t1 b" w<CAPTION>表格标题</CAPTION>- q" E; ]: L, i% o( T S3 h. i
<TR><TD><TH COLSPAN=2>行标题 1 <TH COLSPAN=2>行标题 2
: [8 k- g& [+ o<TR><TH ROWSPAN=2>列标题 1 <TD>A <TD>A <TD>A <TD>A
6 x% q; D+ w/ o2 y, e7 C0 z4 \<TR><TD>B <TD>B <TD>B <TD>B
6 l- I) u6 N; M. z<TR><TH ROWSPAN=2>列标题 2 <TD>C <TD>C <TD>C <TD>C
: M! M/ k4 R: L3 T q% H8 a) y<TR><TD>D <TD>D <TD>D <TD>D7 J4 Z6 ^6 K ^
</TABLE>5 ?) ~8 `4 g" d: @0 T( C
. d: p# b1 u( i4 A标示( Q: p$ B$ q. o; Z/ ^2 `
5 b0 n+ X- e+ i2 f3 F( N" PHTML提供许多种类的标示标记,作项目标示,而且可以作巢状式标示! 7 ]% h) f6 L8 J' m9 \
6 @8 m0 w e8 d0 |* x/ ? 常用标示标记 1 m4 b; O0 v' m9 D' B$ b# s( B
# f) R( [: @0 D- C<LI> 标示项目。
) n; ~8 E; ^2 W n& }如 :
$ G" z. \! e+ E: o<OL>' A4 m6 o/ f: x/ U8 e
<LI>第一项
/ [6 A3 x3 u5 @- @ W& U<LI>第二项
* x6 p5 _7 V% {1 z</OL>
+ \! {; }8 \( e" D8 e" c% n4 a6 s( M
3 O0 k2 L0 H+ d6 P) @& s
第一项 . Q8 Y! o7 x2 X! B P
第二项 ( T6 Y a! ~3 E$ t: H0 j8 D
- y' P' H! c7 c+ o
<OL>...</OL> 编号标示,可标示数字或英文、罗马字母。
7 f2 o. V9 `& F% {6 s如 : 5 f# h1 g+ l# `9 G
<OL TYPE=I>
4 l" H3 S$ t0 m$ ]1 H# L<LI>第一项' p2 t/ N( ~# f% Q H( Q% N; P2 r
<LI>第二项
3 x0 S1 u0 U; E( k! y, K</OL>+ k. x$ m! [5 h
! s; E e) _6 V5 d/ w2 W6 b# M: C8 q
第一项 8 [4 m, W" E f0 C: P3 q
第二项 9 G! e0 |$ N+ U# h. R
: B% X- J( L% H$ j
<UL>...</UL> 符号标示,可标示数字或英文、罗马字母。
3 F3 A% D* F- \% _" ^$ x如 :
8 E6 F- W; c O8 }2 O<UL>
$ @1 D4 V) F, W# U, B3 {- S$ q<LI>第一项5 l: A0 g: w5 P3 s
<LI>第二项5 _; P0 N+ R: {3 y+ e8 i' g) n
</UL>
+ Y- x: U/ M# Q) T9 S! | i- V% s: \3 e! y
$ ^* U6 w H6 q0 t
第一项 ! l3 t1 `1 p0 E7 ~' O1 l0 f" p
第二项 / [ W$ W( ?. b1 H8 W2 B
# ~1 ?7 s; H- ^& O8 `$ C<DT> 定义项目。 1 e' Z' i% I6 p# }, J% G6 x
5 I& s1 ^% `( o! l<DD> 定义资料。
9 c8 _! W' ^" h* A7 T2 Y7 t* g: K F4 z. q# u2 b
<DL>...</DL> 定义标示。
1 u2 b. N9 C$ {3 e# j$ j9 F: J. l如 : , T3 N) W( w7 o) Y- _
<DL>
1 ]( j) _/ _7 d! H7 ^& i<DT>十进制 :<DD>0、1、2、3、4、5、6、7、8、9
6 v8 ]( e4 q5 ~6 I<DT>十六进制 :<DD>0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F( }+ b: J0 l/ ?" |' t5 p- A: p9 d, @
</DL>% t5 Z# d+ v3 w: A5 `$ |
- N4 t: _8 x9 B! R' q+ z4 x) \. T
) m; `5 p7 V7 W5 c1 L2 `9 c6 G- {十进制 :
) Y2 P9 G8 A+ r8 `/ y$ L; s- r0、1、2、3、4、5、6、7、8、9 ( F5 [. w. {- s) U1 M6 D" {; f. m
十六进制 : 0 D" G! z+ {* s
0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F . d9 `5 K. ]9 u
2 n7 S8 J1 @ [
巢状式标示 1 N' m$ \( l9 z: |$ g: o" [2 N
7 a( j+ u4 {& f5 E: j如 : & Y3 b& m% l4 g& N3 t& w1 o' {* _$ N
" G0 f e5 t1 _, r<OL>4 k& F) p7 K6 n! n; C( ~/ y0 o
<LI>第一章
5 x6 L: ?8 U, }, { <OL TYPE=i>9 B' w+ b2 q1 j: x; h3 A
<LI>第一节
2 l' ~/ H |3 ~1 x4 ^* H2 | <UL> K4 T- N) i6 U3 m
<LI>第一段
( e$ [$ a' i# M G( r/ s <LI>第二段
5 R9 d/ `6 N" J" |3 [, T </UL>$ R1 L- M+ t! t2 l6 j) H
<LI>第二节
1 m% J* h: g% T0 X$ ]# n* t/ U </OL>' h8 P t! U2 r
<LI>第二章3 u. S. u/ Q9 K; w: e7 a" I: ~
<LI>第三章5 G' @) H! M O
</OL>
0 `. {$ F. X& Z5 |3 a9 M. C: ^第一章 # k0 D( S- T m& B6 {
第一节 6 E8 L, B$ K' Y
第一段 ) ?6 @' j, d" e" K6 ?8 f. j: U
第二段
, q7 Q3 T6 G6 T# |) W) X第二节 / Z+ r* f) T4 a4 l8 n5 q1 y
第二章 6 z& H8 k/ K+ r! N! [2 r* C# ^
第三章
: |4 O: C+ B `8 e 其他标示标记8 H! Z) T; w9 I
- m* Q$ i1 n9 s; x; A# P: Q/ K; U<DIR>...</DIR> 目录式标示 ( 自动加圆点 )。
" m( W! v8 l, n% h3 H9 c如 :
+ @; R2 m/ T, o6 p, ]! R; o1 v网络学院 :0 D. x, Q; C% p2 H* y- s8 {' e! o
<DIR>
1 b0 N6 m1 V) z$ ~, U7 @4 q5 \<LI>新手上路, V# _8 m8 V3 m2 r9 f9 U! ^. g
<LI>软件教室
0 g9 B8 M9 W+ t9 H5 x9 k<LI>设计教室+ Y0 z4 g5 z# L( P" Q C- L
<LI>开发教室
4 Z' W/ Q* _* H9 ]8 }( n</DIR>
# ]* N$ \3 \! E" Z+ j
$ j2 s( I3 |3 S, l网络学院 :/ A" t! _7 I# g& o5 M' |( O& f
* X+ _9 y: ^- k+ l. d& P5 L8 Z5 N. L; g1 x
新手上路
) i3 G' I2 Q8 F4 }" R) |* Y% B' Z3 g软件教室 1 i$ w6 _' ^5 N9 t0 m
设计教室
& m; l% D) h( N$ k$ E8 j K开发教室 - G' G+ _' g0 Q! n' l# `
5 b9 w3 `" O7 u; `) r7 n& O2 K
注意事项0 r, e; d. ~) t$ K R$ d4 T
( v. ^% H7 s6 B1 o
标示项目符号也可以用<FONT>...</FONT> 标记,以符号字元 ( ○、◆、◎、★、■...等 ) 标示。 t/ X% a& r. X( ~* Z
8 p8 ]/ \0 V( t9 \2 o" j5 s4 _
如 :<FONT COLOR =#FF0000> ● </FONT>
$ n" E8 U; v8 j& ~
* n( A3 n d$ j+ j+ r 特殊符号 :
3 ^9 M9 W5 u8 `9 g- a) V$ f5 b3 W) }9 Z4 o- r
在HTML文件中,有些符号是代表特定的意义的。所以当我们要使用这些特殊符号时,便要用替代指令。
4 t& `' Y8 H A7 a
! J& X$ T/ f4 y/ T, y# ^& _
# L- m& Z3 j/ F5 K& G符号 替代指令 & z. K- g$ d% r0 a0 }6 }# p
" " 或 "
5 \0 ^! u7 P8 W& & 或 &
( @- W7 m9 i5 m* `) o< < 或 <
9 e8 ~. ]5 h- n> > 或 >
& }' x6 J& ^9 }9 N" ?不可分空格
& \- B) ^. ?8 o0 H c1 X' \- e$ a( T, i8 b
区段标记- W- \7 G7 b# W# X2 O# F
/ L) V+ X) Y' J# R4 D 一个网站不仅要内容丰富外,也要有美观简洁的版面。HTML所提供的区段标记功能,如果可以好好的利用也会有相当不错的效果。
) s' U- o) f F1 K; _
9 u0 M6 t6 G1 W* K! e& m( ] v6 C3 k 常用区段标记 1 S H) U8 G# w9 g$ M
' m3 w. J! P: g S% [+ F3 S<HR> 产生水平线。 % A/ M$ T0 k! i h
如 : <HR ALING=CERTEN WIDTH=90%>
3 p3 U+ T1 I6 V: k# o4 H3 |' g2 A0 H1 E) o
1 R. S/ D5 ~9 r, y9 V
! |5 Y% a3 ]. m--------------------------------------------------------------------------------4 d3 g; x" v ?
! I4 D K# {& I# V/ I Z
. c; ?( y/ W" _+ x7 V/ s+ h<BR> 跳下一行。
U! b0 j$ \- F% v) D如 : 华夏黑客联盟,<BR>网上学电脑的好去处。
8 [- m4 H. k& Q. J华夏黑客联盟,
5 Z: d$ l' O2 f3 _网上学电脑的好去处。 : }) q& ]* l3 h; Y) q& F# Y5 v+ I# L
! F* ?& H' ^4 u3 v$ o8 s2 y% ]
<P>...</P> 段落,跳下一行并加一行空白。 ( </P> 可省略 )
! F+ l# K4 T0 e3 m5 I! w如 : 华夏黑客联盟,<P>网上学电脑的好去处。
, o3 O9 K7 M( T/ Y, w- W华夏黑客联盟,
4 S7 l! L- s- f# n; I# k. _2 }
% ?% ^( X, q R# n网上学电脑的好去处。 ) r0 l1 I/ ]) C+ C w5 y, @/ v; B
# `& O1 O2 @$ K% B4 v) Q
/ x( ~# ~$ \) x* W<CENTER>...</CENTER> 置中。
, T6 D0 \$ N% e5 }, L! F如 : <CENTER>置中</CENTER>
* E" \/ a# B$ J7 n; o( Z5 B/ i! }- U/ p
3 H+ T! j# |- s置中 * c }. S# u6 x$ c5 T$ ~$ f- q
<NOBR>...</NOBR> 不跳下一行。 + o% d( _4 i! K; |2 q
如 : <NOBR>华夏黑客联盟,</NOBR>网上学电脑的好去处。
# {. m+ U( D) E% N0 `华夏黑客联盟,网上学电脑的好去处。
7 e- t6 D9 g2 N0 J6 U: O# j
8 U% V( H# g7 C* Y1 g" ?0 t
% l" O% T8 @7 G+ J4 J: E W0 N& R; B2 X% W% W' P. D& ~6 m& z
<PRE>...</PRE> 以文件原始格式显示。 8 ~5 _9 P& g: u- Y$ }0 E/ O; \
) C$ u4 n; ]) ~, t
如 : <PRE>原始格式: 文件</PRE>
9 z: N5 t# Y6 ~( `6 R8 o, e% A1 I# j+ Y& B9 x( O$ Q
d' f0 N+ E1 Q t, r- G* l$ U4 C6 I原始格式: 文件2 Z8 G: \ f8 A& _4 X( }4 u
" R z: V8 x8 {滚动条
3 J8 x6 s+ Y' s+ C$ D9 j F* N7 B+ j: L& r U) k
这是由IE提供的滚动条,可不要被众多的属性吓到了,越多的属性功能越强喔!# f. @ f, G2 a8 p
. G# ?# ?& s3 x7 Z2 d【文字卷动标记】
( E/ U( Q) }! g" X1 Y* t& ~- E7 \) e8 Z; H' C
<MARQUEE>…</MARQUEE> 文字卷动 ( 滚动条 )。% B+ c. d0 H( {
# e* H7 e ^$ f' ^+ [$ K! }【相关属性】
" o; B. [/ x2 W, t& q |/ O
% ?& b% p# g7 ^" S9 K1 y3 V9 ]·BEHAVIOR = 设定卷动方式
8 D; S" Z$ Z5 ]) Z8 _-- ALTERNATE 交替来回卷动7 g J% U' Z$ O* U
-- SCROLL 卷动 ( 预设 )
. l$ ?4 u1 J, I4 p-- SLIDE 滑动
* o) g8 V% c3 s, M
* \7 g$ l f$ u. x& k4 Z·BGCOLOR = color 背景颜色+ a* z, c+ S+ e: R
·DIRECTION = 设定卷动方向 p7 c+ i A: G. m9 d& L
·HEIGHT = n 高度
4 ]( m; v/ }. _0 ^8 l e, X& N·LOOP = n 循环 , 卷动次数 ( 预设循环 )5 ?! c @# e. U& ?9 p
·SCROLLAMOUNT = n 设定卷动距离
& L# C2 A* R# J! X, t2 R* y·SCROLLDELAY = milliseconds 设定卷动时间 8 Q8 E( U9 M- a/ y* f* I- R/ c# Y
·TRUESPEED = milliseconds 设定卷动速度 7 n! o9 T# l8 |# q8 t
·WIDTH = n 宽度 ( 可设百分比% ) , h4 c2 T6 f+ C
( r# E5 h: b; \
* [; H4 H3 ?) `* Q; M【举例】
8 Y, E' R6 h0 \! C2 M3 ]8 I: { y% ?( v6 d$ A
如 : <MARQUEE BGCOLOR=RED BEHAVIOR=ALTERNATE DIRECTION=LEFT SCROLLAMOUT=10 SCROLLDELAY=100> <FONT COLOR=WHITE>华夏黑客联盟</FONT></MARQUEE>
+ O( k$ A+ h6 E: h" W
" j# b8 u9 B: C$ ^" d. d链接/ m8 K5 R6 ^: E
U$ i9 H( \) n D7 i( O链接可说是HTML中最重要的功能!因为HTML拥有链接的功能,使你能接上INTERNET、WWW ……享受多姿多彩的网络世界。
" t2 M. F0 Z9 d1 Y# R7 R4 r基本上链接分成 :
: I4 y2 o9 n+ ]# i! Y0 r5 o5 ~( }: Z9 s. l, d) I, w: a+ R, H: B' T! Y
外部链接——链接至网络的某个URL网址或文件,可参考考网络链接方式。
; K5 n( Z# I$ J f9 N1 d8 e* v内部链接——链接HTML文件的某个区段。 0 w3 o+ S7 h {* R2 }
& J; s5 A% p' ? @9 h
网络链接方式 W8 i. |# d/ B6 ^7 S4 W3 P
. Y' ], w: j! s4 C; E* P1 @$ O
网络链接方式 : //主机名称 / 路径 / 文件名称
D0 x% R$ g6 B' T* h$ h5 T. }/ M( Q8 X4 c
网址 如 : http : //www.hxhack.com/bbs/ * {1 g4 N t' ^3 Z6 l) ^
# R: k1 C( M4 I1 m/ C' a7 A文件传输 如 : ftp : //ftp.hxhack.com/bbs/
" _5 Q4 m+ C# |) i% V1 v5 s
6 C$ r" x2 M7 v! U7 HGROPHER 传输 如 : gropher : //gropher.net.cn/ 5 i: `1 C* u" k1 l: N! N! W. E
) z/ G4 | ?, i& G; `' B远端登入 如 : telnet : //bbs.net.cn/ 2 }, a: r9 {# }/ }: h, l) ]
% z: \, Y B) c$ O: ]) v文件下载 如 : file : //data/html/file.zip " G7 U$ K0 w* i2 U" m* D
5 B- U! Q/ T# B: y" l1 pNET NEWS 传输 如 : news : talk.hinet.net.cn
9 s7 ~8 \# V3 x3 ~& |7 d! z. @0 Y1 S- l: _) s5 H1 S
E-Mail 如 : mailto : ****@******.com.cn
1 s9 N3 v* Y( {! ~2 j+ V1 r$ f5 o% D/ |5 ^! R& e
: J- o3 s) R# r
常用链接标记
# ]6 `" ]) f8 m- y; _5 M+ d' w3 q, c2 b0 d$ x) J
<BASE> 设定基本URL位置或路径,以後只要设定文件名称即会自动加上位置或路径。 7 b, X U0 | `
相关属性 : ( j$ d" s) r7 [
·HREF 链接的URL位址或文件
2 ~2 K/ S% Q6 A: O& \* P0 B·TARGET 指定链接到的URL位址或文件显示于那一个视窗 ( 可和 <FRAME> 视窗标记配合使用或开新的视窗 )
9 f# c$ u2 r( q% {# T0 ~9 |7 c5 E$ O: `, b: m: T" \5 i! m
如 :
0 p4 Z2 A$ D' ^<BASE HREF="http://www.hxhack.com/bbs/">8 w3 ~! k5 E% ?. e
<A HREF="kk.htm">■</A> . s3 G9 J+ M( y* ?" y
$ O1 s7 I- y* F& s- A<BASE HREF="http://www.hxhack.com/bbs/" TARGET=frame1>
( U8 B1 }1 S" f) ]0 t7 y8 L6 ] u1 ^; e8 e7 \8 e
) _+ c; N1 r9 u' D<A>...</A> 链接指令。
$ u' w5 l# A4 r2 a$ t相关属性 :
( }/ d1 X" J; Z8 r' t& u% @·HREF 链接的URL位址或文件5 A3 v* ^" k5 K& Q
·NAME 名称" B8 D" A3 O% \. Z6 T* t6 Y" ] ~
·TARGET 指定链接到的URL位址或文件显示于那一个视窗 ( 可和 <FRAME> 视窗标记配合使用或开新的视窗 ) . }6 [5 }( k! |+ S" F
" z6 O& C _! {
如 :
/ f7 W4 Q! {+ o2 }外部链接' f4 x& g* w) u) G& S9 m; M
<A HREF="http : //www.pconline.com.cn/">■</A> ' b- |! o, @7 T
- `$ z7 z3 y; C* _: G
<A HREF="http : //www.pconline.com.cn/" TARGET=frame1>■</A> # u' ^' Z% Y; M" Q& c
" q2 R- d6 y5 q Y$ N3 h
内部链接
8 |" l2 j; b1 |% \·CH1.HTM 文件
+ w; ` s7 W' [. f<A HREF=#A>■</A> ( 欲链接至HTML文件 A 点 )
0 k1 M7 b9 h! p! m& C* h4 \! Y2 c+ U: g. @
<A NAME=A>■</A> ( HTML文件 A 点 )
4 e& Q" o& Q- G- V) Q8 f
7 o5 h4 l3 s( a9 w4 q0 |% ^·CH2.HTM文件
$ s. Q2 O" ]& v2 U2 t& o4 q<A HREF=CH1.HTM#A>■</A> (欲链接至CH1.HTM 文件 A 点 )
& X7 v0 w; b+ l% d6 b7 r# I7 ~8 F/ I* B. O$ }0 J) `" B
" ■ " 表示链接点,可以是文字或图案。( 即游标移到时,会变成手指形状的地方 )
' {5 i. S1 c6 h; P! E6 f7 m9 H* \! L5 Y8 M* D# u& ~8 q6 B' K
, T) U0 n+ n* Q+ [3 z9 Q* u
<LINK> 链接指令 ( 用于HEAD区,设定CSS文件 )。 <META> 储存应用资讯,可设定时间载入网页 ( 用于HEAD区 )。
$ E8 D- K. D0 `( C. D2 j3 N相关属性 : 9 H" I! Q+ m& p7 }. q; J8 v+ ^6 Z+ H
·CHARSET 设定( |3 y: Y# o; q4 l& k5 p
·CONTENT 回应表头资料内容 , 若是数字表示秒数
0 r, W4 x* d9 @- {7 I; c, O·HTTP-EQUIV 回应表头 , 若设定为REFRESH载入URL设定
0 B3 k; d. @9 C1 H! c·URL HTML位置
0 z$ N8 l2 G# G" H- `
. t& P2 |8 m l# a8 F! Z% {# I1 g; N
如 : 6 @ Q P3 S! V
·设定中文自动跳行。! w: i. K; P3 F+ i) ^" N1 }' e4 c i
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=gb2312"> $ q4 e8 w3 n$ d+ Z0 ?9 [% [' k- t
# a* E* ~+ X7 Y' t& T! Y' U
·设定十秒回到首页。 ( 若不设定HTML文件位置则再载入原HTML文件 )
8 B/ |% a" u$ Y2 ]# j7 O4 d<META HTTP-EQUIV="REFRESH" CONTENT=10 URL=index.htm> 8 N* M+ J- ^7 t6 k
1 Z8 d& u4 F# J% F" I
$ C. j5 @' A5 y }$ b( V/ ~: E设定链接、未链接部份颜色
. V$ ]) H6 y- s- s0 R
/ L i; H O- ^% M l- {/ K设定链接、未链接部份颜色,用<BODY>...</BODY>标记。 8 y* X0 P4 K' W; L* T
5 K' X6 {/ D. [相关属性 :
1 j$ f5 X# k5 t- e# w3 u: W( H; A$ @# Q* F/ C% X `: m
·ALINK按下链接部份未放开时颜色 ( [! l! y; H$ ^& v* e5 R1 C
·LINK未看过的链接部份颜色
$ i" C/ q" V# }3 @- ` o6 f6 M% R·VLINK已看过的链接部份颜色 * g \- f0 x1 p8 n/ O3 ~% T
4 b. s2 E8 j7 m/ i, }$ C
如 : <BODY LINK=#0000FF ALINK=#FF0000 VLINK=#00FF00>: z! r: i1 J3 ?; _- _$ ]7 ]& l; Z
& M% y; G( W' }1 ?" I框架
/ m, ]& x' w$ q' e* c) N4 q k7 ~0 o j) h% L
框架架构的标记,主要是分割窗口和插入浮动窗口的功能。如果能有效的运用将有助于浏览网页的效率!
6 |8 x" a0 s$ l: W* { 常用窗口标记
4 R/ o: Y, ?* v8 j W3 v- P6 M2 X" C$ U
<FRAMESET>...</FRAMESET> 定义分割窗口。
* S" Y& w5 O4 g: F相关属性 :
3 t3 h% ]7 A' @5 l4 b9 A7 z8 c·BORDER 边框
+ K ^% C4 x; o- Q2 R·COLS 行 , 设定分割左右窗口宽度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 )5 o9 ~* a+ O0 W- _, e. i3 t, [
·FRAMEBORDER 显示边框8 j0 ^! _, T& I/ j8 Y- r& L+ o0 t
·ROWS 列 , 设定分割上下窗口高度 ( 用『,』分隔,可设百分比 % ;『*』表示剩余部份 ) 9 Y! |9 ]6 J/ f0 x& m! W
. W6 P* Y. I) M! B
( H" |* W# V8 |% B<FRAME> 定义窗口。
3 _6 y1 G |- N e! Y. O3 Y0 n" R相关属性 : 0 a- j3 `8 G) n9 ^. m7 _3 Q; p. x
·FRAMEBORDER 显示边框
- w m( w! `( Q( V·NAME 名称 ' E% o, |2 ?: v: r/ j
·NORESIZE 设定是否可以调整窗口大小
& f" w* P6 o1 p! Q% `9 [3 Z6 K·SRC 文件或URL位址( A# O, _9 p4 l8 K, e+ a
·SCROLLING 设定是否可以卷动 0 p# d( n. J( {$ {3 n! n+ h5 R
1 U9 N7 d9 x2 M( O) e' ]5 D2 I& c. c5 A. U
<NOFRAMES>...</NOFRAMES> 无支援分割窗口浏览器显示文字。 " D9 ~1 C& I4 J1 j0 h
/ k4 G) J- ?' w+ h<IFRAME>...</IFRAME> 插入浮动窗口。
; l7 l2 g$ U# P- [8 [ e- s相关属性 : ' q: G( o; p3 f7 h7 m+ J/ p
·BORDER 边框
& y% O& ~ ^* b+ [·FRAMEBORDER 显示边框
/ R2 a- ]+ [4 B1 M·NORESIZE 设定是否可以调整窗口大小$ U' v! \& |! }; G( g; r
·SRC 文件或URL位址
) f4 P- k+ F- G, z; _% D( p6 J·SCROLLING 设定是否可以卷动
# m+ H' B; r ]. j, ?8 n" C
: P8 y% ^( \; [( y2 I! [2 d1 F) Y
6 y2 b) X4 A7 F! A9 i% Q" i 举例
2 B0 L2 S! |% w4 a( a9 F. ^( J* F; `/ _% `1 D7 Y2 f. t
如 : 本站窗口架构。8 v# z$ J. z6 h3 c8 h
( 先分割成上下窗口,再于窗口各分割成左右窗口。 ): w. X' u6 N2 L6 T4 k
<FRAMESET ROWS=74,* COLS=140,* FRAMEBORDER=NO BORDER=0>
; I3 B. L8 t9 R* k<FRAME SRC=rad.htm NAME=RAD NORESIZE SCROLLING=NO>: y# U A5 k6 @! k9 `
<FRAME SRC=a-1.htm NAME=FRAME1 NORESIZE SCROLLING=NO>
: d$ b7 W) W4 z5 x) i<FRAME SRC=b-1.htm NAME=FRAME2 NORESIZE SCROLLING=AUTO>( F# h6 E% }4 c% Y3 S7 r
<FRAME SRC=c-1.htm NAME=FRAME3 NORESIZE SCROLLING=AUTO>
) s6 B- O: K* ]' S$ g; a3 Q# o* U</FRAMESET>
7 F D+ q+ W* Y) {! J
3 F9 A; i, b& \, f2 ]如 : 浮动窗口
9 c6 k: H. A6 ^& I. r8 N<CENTER>
5 i5 L5 C' A$ M- p5 U<IFRAME FRAMEBORDER=YES SCROLLING=YES SRC=c1-01.htm>/ P% A2 g4 O- [$ d9 i
</IFRAME>4 b) [4 j& Y$ b: H+ [. @
</CENTER> 7 [0 ]' \! ~: N
: _" V* F! o7 F& c; r) [
注意$ p2 H5 g% b( \
+ y7 z8 S$ }8 z
窗口基本架构的文件,通常放在HTML文件的第一页,如 : index.htm 。此HTML文件的基本架构并不需要本文区 ( BODY ),只需定义窗口架构,而其他HTML文件可用连结方式 ( A HREF=...连结标记 TARGET属性 ) 显示于指定的窗口中。' P5 g, b- [( P1 m5 v" Y
3 m {: I7 |# F' A* D' D& Q
设置图片: C4 V1 i" }8 D) n: _
, @1 i) j- X. i
现在的网站没有用图片的,几乎很少了吧!图片增加了网站版面的美观,不过也不要放了大量的图片,而拖慢网站传输的效率喔! 3 W6 P6 n* P9 f3 W2 |: g
4 u# ^. ] _5 h" g5 X7 Y 有关设定图片的方法共有以下几种 : 9 q: `, V/ }) o# x, O7 Z
& J, u- A" n3 X
' M3 M4 b2 Q3 J# G t9 {设定HTML文件背景图片、背景颜色。<BODY>…</BODY>标记。
6 ^3 ]1 ?$ O: f' B如 : <BODY BACKGROUND=A.GIF>…</BODY> 或
! X0 _& i" D$ D<BODY BGCOLOR=#000000>…</BODY>
1 Y# m5 S$ I7 J, P2 R设定图片。<IMG>标记。
2 Q, G) ]: {, L2 f+ j设定地图。<MAP>…</MAP>标记。 % x1 d* r4 j6 ]% |7 {6 P' D% Q
常用图片标记
" t" L2 \" m, n8 O \0 A H; \7 Z C
<IMG> 指令 ! q1 ?! ?' {5 P; t L7 y- g
相关属性 :
6 O+ _8 o; c9 ?9 Z·ALIGN 调整
3 |5 w9 I2 g. N·ALT 提示字. f1 e- s5 S; q }4 d
·BORDER 边框
1 v$ H: ]5 E8 c/ L5 b% K·HEIGHT 高度0 P' z! _5 K- V
·SRC 文件或URL位址: q8 v9 f7 B' F: c
·USEMAP 地图名称
! @, i1 H% H- B6 P4 d; O+ r·WIDTH 宽度
! [( B% O r7 o7 R/ H3 G" I
. U I7 g0 k6 l' D ^* q& Q# H如 : 可插入图片 ( GIF、JPG格式 )、AVI电影9 P* x+ R* _' \
<CENTER>
& r* |) o$ c3 P6 \# N3 |<IMG SRC="../../../images/pcedu_lo.gif" ALT="华夏黑客联盟" ALIGN=TOP BORDER=1>. w4 n- J. b2 f: V/ x. e
</CENTER>: ?- h! o. Q# Y& O3 ] D+ l
/ v2 J3 M0 i" ^: e3 S
. k; r" D! G6 O8 d- P& f
' ]- j8 I/ r! m<MAP>…</MAP> 地图 5 N8 b, n2 F5 A' j+ i. c* n/ x+ O% ?; i
相关属性 : 9 a* j# Z+ Y: w8 [( |5 R! g# }; A
·NAME 名称 ; P/ V" y! A# C. Z
; U2 F1 C( E! W
6 A9 I. g9 i3 X9 ?5 n' F9 f<AREA> 设定地图动作区域 8 z6 j; F2 Z& `7 ~8 I/ ~
相关属性 : . i# G, \4 s1 I: G- @8 w# Z1 g
·COORDS 设定动作区域座标 ( 左上角座标 : X1,Y1 ; 右下角座标 : X2,Y2 )
2 v- _3 j# S4 i5 b. r& T% Q& G' ]·HREF 动作区域连结点 ( 可载入位址或文件 )
* n% R" h' b3 M·NOHREF 动作区域连结点不动作, }( X1 R* H& _8 X% S( N9 ~
·SHAPE 外型
' M0 s; p& K' Z4 N( H K N. P# `
7 p/ [; n7 J" N9 |6 V
+ K' D. R) F' c( \" p' Q" P& _ 举例
1 r3 e( j6 P& V8 ]& X6 _; h/ Z) I( w# O2 D6 @; }
设定地图
# y0 K' i* G- K2 I: _<IMG BORDER=0 SRC=A.GIF USEMAP=#A>
8 s( G: [) e$ U9 z<MAP NAME=A>
; F5 I" _: O. M! P<AREA SHAPE=RECT COORDS=0,0,200,100 HREF=1.HTM>/ Q* `* V, O. y+ h. F2 L7 z
<AREA SHAPE=RECT COORDS=0,100,200,200 NOHREF>' t0 |" s' D, w0 `
<AREA SHAPE=RECT COORDS=0,200,200,300 HREF=3.HTM>
6 e3 G+ @) P& R) ]3 J1 X! F</MAP>
5 Y f" B4 {3 G- U* Q; H Z$ d0 s; ?9 Q
0 i. f. Y* a( j' I/ L) V) B$ j加入声音. n% \, D( {1 D3 T
6 b0 c$ p. b- l8 T; @ E" l! M
HTML不仅能插入图片,也可以载入MIDI音乐、WAV 音效喔!
7 b0 h+ |$ v3 ?6 e& e5 @ G常用音乐标记 5 h: H* Q( v& X+ i2 Q3 `$ y1 X
5 g1 J. `2 X2 F/ h& Z, Z
<BGSOUND> 背景音乐、音效。
9 V: b; F, W- `, B5 L1 I r; ^( {; @7 E: r# E
相关属性 :
1 h; b; H$ W, F; \·LOOP 循环 , 背景音乐播放次数
& Z) g; V B/ ]: k·SRC 文件或URL位址 (可为WAV、MIDI格式 )
! [% s# g0 i: z9 F0 M* G# O' E2 y) n0 A/ b
如 :
: t K7 E# H( b<BGSOUND SRC=m-1.mid LOOP=True>
M* D; a- W" w$ p0 Z
8 C& k0 q( {2 j3 }8 N5 S内嵌音乐插件 $ l& L) K& D- I; k3 F3 M, D
/ S: v+ n( z! j4 u7 k<EMBED>…</EMBED> 内嵌插件。 # \8 T$ B+ F- {$ Q
; f( J, c9 i3 |" H: i相关属性 :
4 a9 b6 w# j1 d8 m& ~+ O( ] `·HEIGHT 高度
- r# v; P, z2 e W; \·WIDTH 宽度 ( 可设百分比% )
# F$ [: p8 J' y; ~- Q6 _" |4 J- d·SRC 设定内嵌物件的 URL 位址, | k" B4 D) U3 W9 r
·LOOP 循环 , 背景音乐播放次数
$ j4 \& h7 M/ O0 ^! Z* P' |·AUTOSTART 自动播放 ' n/ a: K' G* n5 W
1 C: P" v$ X2 x \* w如 :
" h& w8 t3 b/ a6 n4 F<EMBED SRC=m-1.mid WIDTH=145 HEIGHT=60 AUTOSTART=True LOOP=True></EMBED> |
|