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