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