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