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