HTML语言剖析(3)
文件标记 * o# x x# z5 ]* E6 ]
/ } G( L( v& y
4 f/ Y* N- H/ T
& J% A+ N" e+ [, i3 c6 F& k8 ?+ T
5 h( p; n3 U3 e% t, Q: N8 @& x( @: l; a Z3 N- p9 z# X- C
+ y1 d$ i8 _3 H7 V1 k
HTML ; HEAD ; TITLE ; BODY
# i4 K" ~( S; C3 n4 ^/ P5 E8 i) ]: _7 l. {
欲明白本篇【HTML剖析】之标记分类请看 【标记一览】。 - p! c$ z ]! Q8 M R
亦请先明白围堵标记与空标记的分别请看 【HTML概念】。
* a) C$ h# n/ w: E! B/ l( _% M7 \8 f$ t4 G& G3 _' G3 p8 `
x8 k# S8 _+ E6 b
9 N/ w8 W8 A, @; n5 ]( U" x& i g, v) l( O( i" d. Y# d: R
3 x- S/ Y- d; z1 s# [; s
■ HTML 基本架构:
, K% V/ ^+ Z# k" G- {; g+ C, m# g- v2 w& r: X
0 _) b6 |% J3 B8 c% ^) D) x Z1 g( v' f# g6 t/ j
以下 HTML Source Code 便是一份 HTML 文件的基本架构 :
* q& w a% |4 ?) X- E
, m/ t; {+ G' C2 [. I, [% q/ u2 Z0 N
5 ]2 |7 `. }( a$ O! C' x" r3 s* ~; S; w, W+ S& f' j6 W, i$ ]/ R
8 ^7 [! m) S, Z8 ?8 o% n$ P
' w; C, `" D l5 [8 I! M
7 f4 ^" S$ \' g0 d! {* a/ p2 [/ l# \/ p* F1 v' Z
$ l% c3 w$ E" {( N! |0 [5 V; n
, V; [9 `8 }6 t* ?, |- O7 z6 N
4 a1 ^! Z1 I; |. g# c- J) a! @9 uHTML 1 @5 Z7 b, l6 z. E. x0 z% h/ M+ F
HEAD ! E+ T2 i0 v. F5 W+ s) a3 k+ e
( W4 M" E& H2 a; G6 A+ H2 n
TITLE 网页的标题 /TITLE : d" m! ^5 y( e5 |% M" J" [
/HEAD 1 C- z" |& ~" Z) ~' _
BODY 5 j; _/ K$ M* r
% {: m4 U2 v# d+ Q网页的内容,很多标记都作用于此 ) k8 I( ~0 r( w* B R4 t8 S* ^9 N- ~
/BODY
; }) t! K2 \6 W2 y" |/HTML
7 q5 x- ]; ?, M( L' n" K0 m5 Y V6 _( \. k4 O
特点解说: % u8 y1 f/ S+ b
- H4 L$ A; A+ j- w
; V$ @. r. L! b( M2 I$ a. w* @0 y
整份文件处于标记HTML与/HTML之间。 & ?( t4 f5 w% W7 }" K- V
HTML用以声明这是 HTML 文件,让浏览器认出并正确处理此 HTML 文件。 * V+ }( [- x* X2 P, I7 R+ |
4 _1 S% i+ n/ e4 B4 Y
+ B- L+ L+ s4 K& B
% D. I, g) p0 L- t( V! H# X
文件分两部分,由HEAD至/HEAD称为开头,BODY至/BODY称本文。 + B5 x: E4 U+ u
基本上两者各有适用的标记,如TITLE只可出现于开头部分。 + X. @8 E+ V- q. ~) M6 j7 v0 n
3 c# e4 B1 ?" Q
, I+ `" U" C5 S5 N- r
- J9 ]9 P3 g+ |. a7 ~
开头部分用以存载重要资讯,而只有本文部分会被显示。 % ~4 T% O9 X2 P& x' X' t
所以大部分标记会运用于本文部分。
; X1 ^2 k" R* D# w# r6 i0 V8 q$ r- W( m) @" R
+ K, E9 z+ E' `* k2 E& H4 t/ [
- j. S1 w& r$ u% x
TITLE所标示的是文件的标题。
+ F& f) q" I: }+ V _会出现于浏览器顶部及为别人 Bookmark 时的名称,所以每页有不同而明确的标题 是需要的。 , e: D/ a2 L' Z& U( ?
! H% A. i4 R4 t: k( H0 J" L上述标记中只有BODY具参数设定。 ; }8 A" |% J; f3 }) f
+ d" ]$ B1 \: K3 G# x+ h/ i
2 Z! u2 M6 M$ T+ z" y# i
* u7 i/ j- N3 a
3 m8 ]2 ?' X7 P% P/ @ S7 |% r0 t% N& o7 e7 l& | x
■ BODY 之参数设定:) \% r }$ s- z: k
9 ]+ m5 a, v9 L p( N: h+ }
' H5 l0 t! [) m5 V: Q- `7 P3 m) b8 n) ?: i) S6 ?% n
例子:
* W3 `. B6 C/ J; o2 _9 u4 o0 | k3 S
# Y+ n! k: G: m* b( C1 c) a: F% LBODY text="#000000" link="#0000FF" alink="#FF0000" vlink="#0000FF" background="bg1.gif" bgcolor="#FFFFFF" leftmargin=2 topmargin=2 bgproperties="fixed"
: Y+ ?/ [ \4 A2 g- W$ y5 n
0 y' P8 a8 K( J% Y
( M9 m9 k7 P- |( J+ [$ y9 s0 B2 a) L2 T3 `& _* z
text="#000000" ' e" T9 W7 _8 z1 s7 O
用以设定文字颜色。 #000000 代表黑色,亦可以采用颜色的名称,即 text="black" 。各种颜色的值及名称可参考【调色原理】一节。
- e4 }8 y9 d( L* t) _, F1 n# w0 y9 `* W& k5 x# b
9 K# q# C8 k `8 ]% i8 [" p2 H2 F2 k
link="#0000FF"
" |( ?6 P7 W' v$ W设定一般文字连结颜色。 5 J# l7 l* t- Z" M
' b1 z2 ?6 z3 {3 G8 }" c
+ |* x H6 w# H S: h6 t$ f: H% [7 c j' W( l1 D2 K
alink="#FF0000"
2 x8 t, T; U9 F0 f. ?5 K, }# x7 l- P6 _设定刚按下时文字连结颜色。
d9 n9 b4 g7 e1 r i2 ~9 s2 \! J/ y5 {
* B$ Y+ K1 c0 C6 e
; c3 r0 A2 q7 V/ k0 S$ dvlink="#0000FF" 8 `% p0 P. n& M+ N0 T! }% [
设定连结后的颜色。(被按过)。
- C3 o# u6 c" f/ L0 p* Q" Q7 J; j9 q$ \
9 e8 X% L* h6 n7 R& j
6 j- ^- C5 C0 h- ]# Z$ x, w0 fbackground="bg1.gif"
! q* J( I% Z6 K" p2 Q) y( X设定背景墙纸。GIF 或 JPEG 皆可,可以是绝对途径或相对途径。
& V' N' `8 q2 }' E2 V' T1 D/ v0 ?, D! b3 d9 C( w a
# ~) k7 `+ A+ v3 V) l1 H) I. M5 O
4 e: x; i2 Z9 M) H! ^* }! E8 _bgcolor="#FFFFFF" 0 K+ ~ F9 S; r: x& u
设定背景颜色。当己设定背景墙纸时会失去作用,除非墙纸有透明部分。 : t- A% V0 n& _6 t4 A
; V5 J' B( } x" c
- N) S9 H: ?) D* D* ^; \! Q
$ W/ R3 y6 K2 o! R! p9 Q% aleftmargin=2
! v4 v9 D; b. k! h$ b0 F设定整份文件显示画面的左方边沿空间,单位为像素。 『只适用于IE』
' u! L. I3 p- s9 C, ^( V
' h. L+ J9 T& [ ) n& w( h# }9 \ B! T4 n o6 E
$ M+ ]# N$ B, j! i5 {topmargin=2 2 \" `* i$ B6 W' l* g; @
设定整份文件显示画面的上方边沿空间。 『只适用于IE』
# d& l ?/ r* c. X; y0 E7 H/ V' y1 Z# Y! n1 r
3 v! p0 O7 ^) D A4 o& K
2 p0 z4 G! {7 D/ d2 K ~bgproperties="fixed" 4 o- Q" w( A3 b& N7 f' p0 }
固定背景墙纸,当卷动文字时墙纸不会跟著卷动。 『只适用于IE』 + R) `- J% m" e. q6 f
1 }4 O$ @9 c: B2 Z: `& P: q
标记及参数之字母大小都可以。 其他如 onload 等事件将于【Java Script 剖析】介绍。
点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹