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