CHƯƠNG I. NHỮNG KHÁI NIỆM CƠ SỞ
I.1. World Wide Web là gì?
!"#$%&'(
)*+,
- . /% +0102 3
&456
- .78 !9:1;&<==>
- ?0@A8 !B! CD&<=E6
.D &FG&1 H
I120J456,
EK#$%L2<=E68A80:8
&M8N-O 3PO! &F)O"456
.456&'Q:R,
- S2 /T% !9:
- =TU&DC7
- =TAH8& &'V
SUW456PG.=5:#,
/>456O! &F K&#,.O2#$%7
<==>8 &
www.w3.org
8O!9: &'VX
/TR
Y
.ZO!*2<=E6QX
mailto
Y +01
& 2[0X
ftp
Y +01\=>
]H0UWZ0J456SUWP1:&(T
&'%,
….đây là văn bản …
Mọi góp ý, xin gửi thư tới
<A ref=”mailto:”>Joe Cool</A>
. 3 ^^#,
E#+456P102 303_!T456Z
`01X
#
Y#"*2Z+KSUW8
H456 *O#ab,
/>.456& +,
E456& +Z /]&'VTO&'
1%&22.456
& +O!Q:R &'V& +&XYc
7*` &F 3c" &'V80O!Q
*2
.456 &FA; !456#[W456+d&
0UWTA::456& +8A#[`O456+
X
/>Y456& + *
&1 HZ#0@A,
ef^gY#::#Yh?::#eifh
#j"456 R T
X
/>Y Z 456 & +
02 *A&1 H
<IMG src=”../icons/logo.gif” alt=”logo”>
#j"456 R TX
/>Y
=<=E68456 &F% !,
- 6Z12/Z8(f06kd_
- 6Z1Z!/Z3A#:(
LINK và
SCRIPT
- IQ A8 + &F8 / :: 8 (
IMG,
OBJECT, APPLET và INPUT
- =AQA(
MAP và AREA
- =^(
FORM
- =Z2(
FRAME và IFRAME
- =UVPV(
Q, BLOCKQUOTE, INS và DEL
- =ZA;&1#D2A2(
HEAD
d&'%U&W*DU !9:
k8TMZ.O!0@A8
MAH :&2NS12H2"
02#[WZl28!&F*FAR+01MA '
&'0PRD A )ORMZ"
&1/
dR#[WU !9:kMZ
J0&'#[WUOM K0f !!
TZ6 !K&'O!B#[W
U !9:k&W:W0W m027M
Z1*W
S2"B"l&"#0@A<:(?0@
A0@AXYO!`:&' KM0*:K
2;d&' KZ:A*MZZ
k09
_2#0@AK=d# J(*0@nopq
&&1X.:r#Y0JZA@TU&
s0K0JUOU2&&'8M
R
r2#0@ATZt#&u&'f=
v#L6?Z+2:]Kw(^f@noxp8@noyz=
)0&M:{+ZJ*Z| Q3
&Z!Z#0@Ad@noyo8Z02S27
Zt9HH}.~5dv=W#t8* Q2:*
0*0A0228= ) & J&D#0@A
U#BMZ2
=1#0@A8&'#[WO!B •
2#2Z;+Zd&09O!3
(::`Z0VQ_t9#0@A
`:Z:A#960">#0VO!&€ &F
Z2K.UO )O::R&1:!%CT
kD@R H
I.2. HTML là gì?
]!:CW8RD:C0B!8
Z!02:C• uUO!! &F
dD:C%"<=E6<:=(EZ:
6
<=E6Alc !,
>C20180@A8A8#8
A800N
=MZ#0@A‚02ZU
0`
=Z 302Z!#3#01
3•(8 +01&'%02MZ8#A:ƒ8
/800N
vQ#:-##80:#8#:#807W:
Z2TK
.
„
H
…
#
†
…
†
H
„
…
„
#0@
‡
&
†
0
„
@
…
&
ˆ
„
H
„
#0@
‡
!
"#$
%
&
!
#
'
!
%
()*(#(
*
+,,
,
-,#$
%
,
&
.
)
-,#$
%
%
&
)
%
!
/
Đa
́
nh dấu (Markup)/+
!
&
.
%
%
)
0
%
!
&
'
!
!
#$
%
& &
,*
!
'
!
Ngôn ngư
̃
(Language)/+
!
*
&
.
& &
&
&
.
+)
'
!
(,
%
1
$
.
,
%
#,
+,
&
,
#,
'
!
,.#$
%
0
&
!
'
.
&
!
2
&
!
)
#
!
-&
%
3'
4+(
+4+-(
Văn ba
̉
n (Text)/)
!
,#
!
&
,
+
!
,
%
'
!
!
#$
%
#
!
&
,,
!
%
+
!
*
#$
%
0
!
)
!
&'
!
%
()*(
'
!
,
!
%
5$
*5#
!
*
#$
%
!
Siêu văn ba
̉
n (Hyper)/
+,,
,
!
#$
%
%
$
,21
)
-&
&
%
2
#
&
!
-&
%
1&
!
!
2
,
%
#$
%
*
!
)
!
,
,
#$
%
$
!
*
%
)(,
&
)&
&
&,
!
&
-&
.
#&
!
%
,
*#$
%
%
,
%
I.3. Các đặc điểm của siêu văn bản
I.3.1. Độc lập với phần cứng và phần mềm
+)
#
)
!
&
#
!
)
!
*,
!
*E
†
…
†
<=E6 &
†
0
„
@
…
†
:H
…
…
#
†
‡
†
‡
H
„
Z|8
†
„
†
‡
…
„
…
„
‡
†
&
†
H
„
Z‰
…
†
†
„
&U
…
]
…
…
„
‰
ˆ
…
„
†
:#0@
‡
„
‡
&
†
M
†
‡
†
Ef.>.%
„
…
Z:
‡
#&
‡
&
ˆ
‡
‰
…
6
%
'
.
&
'
)
!
+
!
#'
!
%
'
%
,.
,)
!
)
!
%
+
!
*'
!
&
,
%
)
!
+
!
*
&,
!
.
ˆ
0‰
…
ˆ
„
…
†
,
%
$
$
!
+,
-,#$
%
%
-
.
,
+,*
!
'
!
'
+
!
&,
!
#'
!
!
!
7,
,
%
,
!
)
!
-
&
,.('
%
&
-&
+)
#
)
!
&
(&
!
!
+)
#
)
!
*,
!
*.‰
‡
:H
…
„
ˆ
…
H
‡
„
8
…
„
:H
…
‡
†
&
…
…
:
„
‡
(H&
†
‰
…
Z
…
…
&‰
„