Tài liệu ôn tập chương 2 môn Công nghệ Website | Đại học Bách Khoa, Đại học Đà Nẵng

Tài liệu ôn tâoj chương 2 môn Công nghệ Website | Đại học Bách Khoa, Đại học Đà Nẵng giúp sinh viên tham khảo, ôn luyện và phục vụ nhu cầu học tập của mình cụ thể là có định hướng, ôn tập, nắm vững kiến thức môn học và làm bài tốt trong những bài kiểm tra, bài tiểu luận, bài tập kết thúc học phần, từ đó học tập tốt và có kết quả cao cũng như có thể vận dụng tốt những kiến thức mình đã học

BÀI GIẢNG ÔN HỌC
CÔNG NGHỆ WEB
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
1. Giới thiệu về HTML
thiết kế một dễ dưới
dạng ảnh trực nhưng cốt
cấu của một được định bởi ngữ
kết
chữ viết tắt của
ngữ đánh dấu văn bản
loạt thẻ với ước để tạo
được hiển thị bởi những
duyệt
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
1. Giới thiệu về HTML
HTML mét ng«n ng÷ t tµi liÖu, ®uîc
h×nh thµnh mét d¹ng ng«n ng÷ tµi liÖu
tæng qu¸t tªn SGML (Standard
Generalized Markup Language), ®©y ng«n
ng nh÷ do ®Òh·ng IBM xưíng ÷ng n¨m .1960
Thùc chÊt SGML mét ng«n ng÷ m¸y tÝnh
nh»m tµi liÖu, cho phÐp ta thiÕt lËp mèi
quan gi÷a c¸c thµnh phÇn kh¸c nhau trong
cïng mét tµi liÖu, hoÆc gi÷a nhiÒu tµi liÖu thuéc
c¸c d¹ng liÖu kh¸c nhau
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
2
2
2
22
. C¸c kh¸i
. C¸c kh¸i
. C¸c kh¸i
. C¸c kh¸i. C¸c kh¸i
niÖm
niÖm
niÖm
niÖmniÖm
a. Kh¸
a. Kh¸
a. Kh¸
a. Kh¸a. Kh¸
i niÖm TAG
i niÖm TAG
i niÖm TAG
i niÖm TAGi niÖm TAG
Tag
Tag
Tag
Tag Tag
cña
cña
cña
cña cña
HTML
HTML
HTML
HTML HTML
hiÖu
hiÖu
hiÖu
hiÖu hiÖu
b¸o
b¸o
b¸o
b¸o b¸o
c
c
c
cc
ho
ho
ho
ho ho
Mét
Mét
Mét
MétMét
dÊu
dÊu
dÊu
dÊudÊu
tr
tr
tr
trtr
×
×
×
××
nh
nh
nh
nhnh
duyÖt
duyÖt
duyÖt
duyÖt duyÖt
web
web
web
web web
(web
(web
(web
(web(web
browser)
browser)
browser)
browser)browser)
r»ng
r»ng
r»ng
r»ng r»ng
nªn
nªn
nªn
nªn nªn
lµm
lµm
lµm
lµm lµm
biÕt
biÕt
biÕt
biÕtbiÕt
®iÒu
®iÒu
®iÒu
®iÒu ®iÒu
ngoµi
ngoµi
ngoµi
ngoµi ngoµi
viÖc
viÖc
viÖc
viÖc viÖc
c
c
c
cc
thuÇn
thuÇn
thuÇn
thuÇn thuÇn
tuý
tuý
tuý
tuý tuý
t
t
t
tt
hiÖn
hiÖn
hiÖn
hiÖn hiÖn
v¨n
v¨n
v¨n
v¨n v¨n
®ã
®ã
®ã
®ã®ã
b¶n
b¶n
b¶n
b¶n b¶n
n
n
n
n n
n
n
n
n n
.
.
.
..
Tag
Tag
Tag
Tag Tag
trong
trong
trong
trongtrong
H
H
H
HH
TML
TML
TML
TML TML
êng
êng
êng
êng êng
nh
nh
nh
nhnh
C¸c
C¸c
C¸c
C¸cC¸c
th
th
th
ththư
®
®
®
®®ư
îc
îc
îc
îcîc
gäi
gäi
gäi
gäigäi
c¸c
c¸c
c¸c
c¸cc¸c
thÎ
thÎ
thÎ
thÎthÎ
.
.
.
..
:
:
:
: : Đ
Ó hiÓ
Ó hiÓ
Ó hiÓ
Ó hiÓÓ hiÓ
n thÞ mét dßng
n thÞ mét dßng
n thÞ mét dßng
n thÞ mét dßngn thÞ mét dßng
v
v
v
vv
¨n b¶
¨n b¶
¨n b¶
¨n b¶¨n b¶
n in ®Ëm,
n in ®Ëm,
n in ®Ëm,
n in ®Ëm,n in ®Ëm,
trong tµi
trong tµi
trong tµi
trong tµi trong tµi
liÖ
liÖ
liÖ
liÖliÖ
u
u
u
u u
HTML t
HTML t
HTML t
HTML tHTML t
a chÌ
a chÌ
a chÌ
a chÌa chÌ
n vµo lÖnh sau:
n vµo lÖnh sau:
n vµo lÖnh sau:
n vµo lÖnh sau:n vµo lÖnh sau:
<B> dßng
<B> dßng
<B> dßng
<B> dßng<B> dßng
v
v
v
vv
¨n b¶n ®
¨n b¶n ®
¨n b¶n ®
¨n b¶n ®¨n b¶n ®
î
î
î
îî
c in ®Ëm </B>
c in ®Ëm </B>
c in ®Ëm </B>
c in ®Ëm </B>c in ®Ëm </B>ư
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
2. C¸
2. C¸
2. C¸
2. C¸2. C¸
c kh¸i niÖm
c kh¸i niÖm
c kh¸i niÖm
c kh¸i niÖmc kh¸i niÖm
b. T
b. T
b. T
b. Tb. T
huéc
huéc
huéc
huéchuéc
tÝnh
tÝnh
tÝnh
tÝnhtÝnh
cña
cña
cña
cñacña
T
T
T
TT
ag
ag
ag
agag
Mçi
Mçi
Mçi
Mçi Mçi
Tag
Tag
Tag
Tag Tag
trong
trong
trong
trong trong
HTML
HTML
HTML
HTML HTML
®Òu
®Òu
®Òu
®Òu®Òu
mét
mét
mét
métmét
thuéc
thuéc
thuéc
thuéc thuéc
(hay
(hay
(hay
(hay (hay
cßn
cßn
cßn
cßn cßn
gäi
gäi
gäi
gäi gäi
vµi
vµi
vµi
vµivµi
tÝnh
tÝnh
tÝnh
tÝnhtÝnh
tham
tham
tham
tham tham
sè)
sè)
sè)
sè)sè)
dïng
dïng
dïng
dïng dïng
®Ó
®Ó
®Ó
®Ó®Ó
sung
sung
sung
sung sung
ho
ho
ho
hoho
Æc
Æc
Æc
Æc Æc
thay
thay
thay
thay thay
®æi
®æi
®æi
®æi ®æi
thÓ
thÓ
thÓ
thÓ thÓ
hiÖn
hiÖn
hiÖn
hiÖn hiÖn
th«ng
th«ng
th«ng
th«ng th«ng
c¸ch
c¸ch
c¸ch
c¸chc¸ch
th
th
th
ththư
êng
êng
êng
êngêng
cña
cña
cña
cñacña
T
T
T
TT
a
a
a
aa
g
g
g
g g
.
.
.
..
®ã
®ã
®ã
®ã®ã
:
:
:
: :
Ó hiÓn
Ó hiÓn
Ó hiÓn
Ó hiÓn Ó hiÓn
1 h×
1 h×
1 h×
1 h× 1 h×
¶nh trªn tra
¶nh trªn tra
¶nh trªn tra
¶nh trªn tra ¶nh trªn tra
ng web
ng web
ng web
ng webng web
Đ
thÞ
thÞ
thÞ
thÞthÞ
nh
nh
nh
nhnh
ta
ta
ta
tata
dïng tag
dïng tag
dïng tag
dïng tag dïng tag
nh
nh
nh
nhnhư
sau:
sau:
sau:
sau: sau:
<IMG SRC="bground
<IMG SRC="bground
<IMG SRC="bground
<IMG SRC="bground<IMG SRC="bground
.gif" WIDTH="100" HEIGHT="150">
.gif" WIDTH="100" HEIGHT="150">
.gif" WIDTH="100" HEIGHT="150">
.gif" WIDTH="100" HEIGHT="150">.gif" WIDTH="100" HEIGHT="150">
Tr
Tr
Tr
TrTr
ong
ong
ong
ong ong
:
:
:
: :
®ã
®ã
®ã
®ã®ã
+
+
+
++
Ch
Ch
Ch
ChCh
Ø
Ø
Ø
Ø Ø
I
I
I
II
MG b¸o
MG b¸o
MG b¸o
MG b¸oMG b¸o
cho
cho
cho
chocho
d
d
d
dd
uyÖt
uyÖt
uyÖt
uyÖtuyÖt
bi
bi
bi
bibi
Õt
Õt
Õt
ÕtÕt
b¾t ®Çu hiÓn
b¾t ®Çu hiÓn
b¾t ®Çu hiÓn
b¾t ®Çu hiÓn b¾t ®Çu hiÓn
thÞ
thÞ
thÞ
thÞthÞ
tr
tr
tr
trtr
×
×
×
××
nh
nh
nh
nhnh
thÞ
thÞ
thÞ
thÞthÞ
¶nh
¶nh
¶nh
¶nh¶nh
nh
nh
nh
nhnh
+ Thu
+ Thu
+ Thu
+ Thu+ Thu
éc
éc
éc
éc éc
tÝnh
tÝnh
tÝnh
tÝnhtÝnh
SRC
SRC
SRC
SRCSRC
cho biÕ
cho biÕ
cho biÕ
cho biÕ cho biÕ
t h×
t h×
t h×
t h×t h×
¶nh
¶nh
¶nh
¶nh ¶nh
nh
nh
nh
nhnh
cÇn
cÇn
cÇn
cÇnn
hiÓn
hiÓn
hiÓn
hiÓn hiÓn
thÞ
thÞ
thÞ
thÞthÞ
+
+
+
++
Thuéc
Thuéc
Thuéc
ThuécThuéc
nh
nh
nh
nh nh
WIDTH
WIDTH
WIDTH
WIDTH WIDTH
gi¸
gi¸
gi¸
gi¸ gi¸
trÞ
trÞ
trÞ
trÞtrÞ
,
,
,
, ,
HEIGHT
HEIGHT
HEIGHT
HEIGHT HEIGHT
gi¸
gi¸
gi¸
gi¸ gi¸
trÞ
trÞ
trÞ
trÞ trÞ
b¸o
b¸o
b¸o
b¸o b¸o
100
100
100
100100
150
150
150
150150
cho
cho
cho
cho cho
duyÖt
duyÖt
duyÖt
duyÖt duyÖt
biÕt
biÕt
biÕt
biÕt biÕt
réng
réng
réng
réng réng
cao
cao
cao
cao cao
¶nh
¶nh
¶nh
¶nh ¶nh
hiÓn thÞ
hiÓn thÞ
hiÓn thÞ
hiÓn thÞ hiÓn thÞ
tr
tr
tr
trtr
×
×
×
××
nh
nh
nh
nhnh
®é
®é
®é
®é®é
®é
®é
®é
®é®é
cña
cña
cña
cñacña
nh
nh
nh
nhnh
cÇn
cÇn
cÇn
cÇncÇn
100
100
100
100100
150
150
150
150150
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
2.
2.
2.
2.2.
C¸c kh¸
C¸c kh¸
C¸c kh¸
C¸c kh¸ C¸c kh¸
i niÖm
i niÖm
i niÖm
i niÖmi niÖm
c.
c.
c.
c.c.
Ta
Ta
Ta
TaTa
g
g
g
gg
chø
chø
chø
chøchø
a
a
a
aa
Ta
Ta
Ta
TaTa
g
g
g
gg
ng
ng
ng
ngng
+ Tag chøa: Mét tag ® gäi tag chøa nÕu cïng víi mét ưîc ®i
tag kh¸c dïng b¸o hiÖu tag mÊt hiÖu lùc hoÆc gåm ®Ó ®ã bao
trong nhiÒu tag kh¸c thªm tÝnh n¨ cña . ®Ó ng ng
Tag <B> mét tag chøa, chóng gåm hai thµnh
phÇn, phÇn ®Çu tag (<B>) phÇn cuèi tag (</B>).
+ Tag rçng: tag rçng tag chØ mét thµnh phÇn chøa tªn tag
kh«ng ®i kÌm víi mét tag kh¸c. Th«ng êng lo¹i tag thư
nµy chØ hiÖu t¹i trÝ xuÊt hiÖn. lùc
dô: Tag <BR> nhiÖm ng¾t ng, khi duyÖt nhËn tr×nh
thÊy tag nµy trong tµi liÖu × tiÕp tôc hiÓn thÞ th«ng tin th
sang mét dßng míi.
CHƯƠNG 2 : NGÔN NGỮ HTML
I. GIỚI THIỆU
3. Cấu trúc một trang web ở dạng HTML
Mét tµi
Mét tµi
Mét tµi
Mét tµiMét tµi
liÖu HT
liÖu HT
liÖu HT
liÖu HTliÖu HT
ML th«ng th
ML th«ng th
ML th«ng th
ML th«ng thML th«ng th
ê
ê
ê
êê
ng
ng
ng
ng ng
gåm
gåm
gåm
gåmgåm
2 ph
2 ph
2 ph
2 ph2 ph
Çn chÝnh: phÇ
Çn chÝnh: phÇ
Çn chÝnh: phÇ
Çn chÝnh: phÇÇn chÝnh: phÇ
n
n
n
n n ư
®Ç
®Ç
®Ç
®Ç®Ç
u
u
u
u u
tµi
tµi
tµi
tµitµi
liÖu (Head)
liÖu (Head)
liÖu (Head)
liÖu (Head) liÖu (Head)
vµ ph
vµ ph
vµ ph
vµ phvµ ph
Çn th©n tµi liÖu (Body)
Çn th©n tµi liÖu (Body)
Çn th©n tµi liÖu (Body)
Çn th©n tµi liÖu (Body)Çn th©n tµi liÖu (Body)
D
D
D
DD
íi
íi
íi
íiíi
®
®
®
®®
©y
©y
©y
©y©y
lµ cÊ
lµ cÊ
lµ cÊ
lµ cÊlµ cÊ
u tróc
u tróc
u tróc
u tróc u tróc
c¬ b¶n cña 1 tµi liÖu HTML
c¬ b¶n cña 1 tµi liÖu HTML
c¬ b¶n cña 1 tµi liÖu HTML
c¬ b¶n cña 1 tµi liÖu HTMLc¬ b¶n cña 1 tµi liÖu HTML
:
:
:
::ư
<HT
<HT
<HT
<HT<HT
ML>
ML>
ML>
ML>ML>
<
<
<
<<
--
--
--
----
tag
tag
tag
tagtag
®Þnh nghÜ
®Þnh nghÜ
®Þnh nghÜ
®Þnh nghÜ ®Þnh nghÜ
a
a
a
a a
tµi
tµi
tµi
tµitµi
liÖu HTML
liÖu HTML
liÖu HTML
liÖu HTML liÖu HTML
<HE
<HE
<HE
<HE<HE
AD>
AD>
AD>
AD>AD>
<
<
<
<<
--
--
--
----
t
t
t
tt
ag ®Þn
ag ®Þn
ag ®Þn
ag ®Þnag ®Þn
h nghÜa phÇ
h nghÜa phÇ
h nghÜa phÇ
h nghÜa phÇh nghÜa phÇ
n
n
n
n n
®Çu cña tµi liÖu
®Çu cña tµi liÖu
®Çu cña tµi liÖu
®Çu cña tµi liÖu®Çu cña tµi liÖu
------------
------------
------------
------------------------
<
<
<
<<
--
--
--
----
c
c
c
c c
t
t
t
tt
ag
ag
ag
agag
kh¸c thuéc
kh¸c thuéc
kh¸c thuéc
kh¸c thuéc kh¸c thuéc
v
v
v
vv
Ò ph
Ò ph
Ò ph
Ò phÒ ph
Çn
Çn
Çn
Çn Çn
®
®
®
®®
Çu tµi liÖ
Çu tµi liÖ
Çu tµi liÖ
Çu tµi liÖÇu tµi liÖ
u
u
u
u u
</H
</H
</H
</H</H
EAD>
EAD>
EAD>
EAD>EAD>
<
<
<
<<
--
--
--
----
t
t
t
tt
ag
ag
ag
agag
b¸o
b¸o
b¸o
b¸o b¸o
hiÖ
hiÖ
hiÖ
hiÖhiÖ
u
u
u
u u
kÕt
kÕt
kÕt
kÕtkÕt
thóc phÇ
thóc phÇ
thóc phÇ
thóc phÇthóc phÇ
n
n
n
n n
®
®
®
®®
Çu tµi liÖu
Çu tµi liÖu
Çu tµi liÖu
Çu tµi liÖuÇu tµi liÖu
<BODY>
<BODY>
<BODY>
<BODY><BODY>
<
<
<
<<
tag b¸o hiÖu b¾t ®Çu
tag b¸o hiÖu b¾t ®Çu
tag b¸o hiÖu b¾t ®Çu
tag b¸o hiÖu b¾t ®Çu tag b¸o hiÖu b¾t ®Çu
phÇ
phÇ
phÇ
phÇphÇ
n
n
n
n n
th©n tµi liÖu
th©n tµi liÖu
th©n tµi liÖu
th©n tµi liÖuth©n tµi liÖu
--
--
--
----
----------
----------
----------
---------- ----------
<
<
<
<<
néi
néi
néi
néinéi
dun
dun
dun
dundun
g
g
g
g g
vµ c¸
vµ c¸
vµ c¸
vµ c¸vµ c¸
c
c
c
c c
tag
tag
tag
tagtag
phÇn th©n tµi liÖu
phÇn th©n tµi liÖu
phÇn th©n tµi liÖu
phÇn th©n tµi liÖu phÇn th©n tµi liÖu
--
--
--
----
</B
</B
</B
</B</B
ODY>
ODY>
ODY>
ODY> ODY>
<
<
<
<<
tag
tag
tag
tagtag
b¸o
b¸o
b¸o
b¸o b¸o
hiÖ
hiÖ
hiÖ
hiÖhiÖ
u kÕt
u kÕt
u kÕt
u kÕt u kÕt
thóc phÇ
thóc phÇ
thóc phÇ
thóc phÇthóc phÇ
n
n
n
n n
th
th
th
thth
©n
©n
©n
©n©n
tµi
tµi
tµi
tµitµi
liÖu
liÖu
liÖu
liÖu liÖu
--
--
--
----
</H
</H
</H
</H</H
TML>
TML>
TML>
TML>TML>
<
<
<
<<
tag
tag
tag
tagtag
kÕt
kÕt
kÕt
kÕt kÕt
t
t
t
tt
hóc tµi liÖu HTML
hóc tµi liÖu HTML
hóc tµi liÖu HTML
hóc tµi liÖu HTMLhóc tµi liÖu HTML
--
--
--
----
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
1.
1.
1.
1. 1.
tag tr
tag tr
tag tr
tag trtag tr
ong
ong
ong
ongong
phÇn
phÇn
phÇn
phÇn phÇn
®
®
®
® ®
t
t
t
tt
µi
µi
µi
µiµi
C¸c
C¸c
C¸c
C¸cC¸c
Çu
Çu
Çu
ÇuÇu
liÖu
liÖu
liÖu
liÖuliÖu
a. Ta
a. Ta
a. Ta
a. Taa. Ta
g <!DO
g <!DO
g <!DO
g <!DOg <!DO
CTYPE>
CTYPE>
CTYPE>
CTYPE>CTYPE>
Tag
Tag
Tag
Tag Tag
n
n
n
nn
y
y
y
y y
dïng
dïng
dïng
dïng dïng
ghi
ghi
ghi
ghi ghi
t
t
t
tt
h«ng
h«ng
h«ng
h«ng h«ng
tin
tin
tin
tin tin
ver
ver
ver
verver
sion
sion
sion
sion sion
HTM
HTM
HTM
HTMHTM
L
L
L
L L à
¸p
¸p
¸p
¸p¸p
dông
dông
dông
dông dông
t
t
t
tt
rong
rong
rong
rong rong
tµi
tµi
tµi
tµitµi
web.
web.
web.
web. web.
êng
êng
êng
êng êng
®©y
®©y
®©y
®©y ®©y
dßng
dßng
dßng
dßng dßng
liÖu
liÖu
liÖu
liÖuliÖu
Th
Th
Th
ThThư
®
®
®
®®
Çu
Çu
Çu
ÇuÇu
tiª
tiª
tiª
tiªtiª
n trong
n trong
n trong
n trongn trong
file HTML.
file HTML.
file HTML.
file HTML. file HTML.
:
:
:
::
<!D
<!D
<!D
<!D<!D
OCTYP
OCTYP
OCTYP
OCTYPOCTYP
E
E
E
E E
HTML P
HTML P
HTML P
HTML PHTML P
UBLI
UBLI
UBLI
UBLIUBLI
C
C
C
CC
"
"
"
""
-//W
-//W
-//W
-//W-//W
3C//
3C//
3C//
3C//3C//
DTD
DTD
DTD
DTD DTD
HTML 4
HTML 4
HTML 4
HTML 4HTML 4
.0
.0
.0
.0.0
Transi
Transi
Transi
Transi Transi
tional//
tional//
tional//
tional//tional//
EN">
EN">
EN">
EN">EN">
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
1. C¸
1. C¸
1. C¸
1. C¸1. C¸
c tag trong phÇn ®Ç
c tag trong phÇn ®Ç
c tag trong phÇn ®Ç
c tag trong phÇn ®Çc tag trong phÇn ®Ç
u tµi liÖu
u tµi liÖu
u tµi liÖu
u tµi liÖuu tµi liÖu
b. Ta
b. Ta
b. Ta
b. Tab. Ta
g <TITL
g <TITL
g <TITL
g <TITLg <TITL
E>
E>
E>
E> E>
§©y
§©y
§©y
§©y§©y
lµ lo¹i
lµ lo¹i
lµ lo¹i
lµ lo¹i lµ lo¹i
tag
tag
tag
tagtag
chøa, dïng ®Ó
chøa, dïng ®Ó
chøa, dïng ®Ó
chøa, dïng ®Ó chøa, dïng ®Ó
t
t
t
tt
hi
hi
hi
hihi
Õt
Õt
Õt
Õt Õt
lËp
lËp
lËp
lËplËp
tiª
tiª
tiª
tiªtiª
u
u
u
u u
®Ò
®Ò
®Ò
®Ò®Ò
cña
cña
cña
cña cña
tµi
tµi
tµi
tµitµi
liÖu
liÖu
liÖu
liÖu liÖu
VÝ dô
VÝ dô
VÝ dô
VÝ dôVÝ dô
:
:
:
::
<Tit
<Tit
<Tit
<Tit<Tit
le>
le>
le>
le>le>
dô cho tiªu ®Ò
dô cho tiªu ®Ò
dô cho tiªu ®Ò
dô cho tiªu ®Ò dô cho tiªu ®Ò
t¹o
t¹o
t¹o
t¹ot¹o
web</Ti
web</Ti
web</Ti
web</Ti web</Ti
tle>
tle>
tle>
tle>tle>
c. Tag <B
c. Tag <B
c. Tag <B
c. Tag <Bc. Tag <B
ASE>
ASE>
ASE>
ASE>ASE>
Thµ
Thµ
Thµ
ThµThµ
nh
nh
nh
nh nh
phÇ
phÇ
phÇ
phÇphÇ
n
n
n
n n
n
n
n
nn
y dïng
y dïng
y dïng
y dïng y dïng
®Ó chØ ®Þnh
®Ó chØ ®Þnh
®Ó chØ ®Þnh
®Ó chØ ®Þnh ®Ó chØ ®Þnh
®Þ
®Þ
®Þ
®Þ®Þ
a
a
a
a a
chØ
chØ
chØ
chØchØ
c¬ b¶n cho c¸c
c¬ b¶n cho c¸c
c¬ b¶n cho c¸c
c¬ b¶n cho c¸c c¬ b¶n cho c¸c à
mèi
mèi
mèi
mèimèi
nèi liªn kÕt. Co
nèi liªn kÕt. Co
nèi liªn kÕt. Co
nèi liªn kÕt. Co nèi liªn kÕt. Co
i nh
i nh
i nh
i nhi nh
®
®
®
®®
©
©
©
©©
y lµ ®Þa chØ gèc ®Ó
y lµ ®Þa chØ gèc ®Ó
y lµ ®Þa chØ gèc ®Ó
y lµ ®Þa chØ gèc ®Ó y lµ ®Þa chØ gèc ®Ó
t
t
t
tt
×
×
×
××
m c¸c
m c¸c
m c¸c
m c¸cm c¸c
®
®
®
®®
Þa
Þa
Þa
ÞaÞa
ư
chØ
chØ
chØ
chØchØ
kh¸
kh¸
kh¸
kh¸kh¸
c.
c.
c.
c. c.
VÝ dô
VÝ dô
VÝ dô
VÝ dôVÝ dô
<BA
<BA
<BA
<BA<BA
SE
SE
SE
SE SE
HR
HR
HR
HRHR
EF="http://
EF="http://
EF="http://
EF="http://EF="http://
www.pc3.com/Scripts
www.pc3.com/Scripts
www.pc3.com/Scripts
www.pc3.com/Scriptswww.pc3.com/Scripts
/">
/">
/">
/">/">
:
:
:
: :
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
1. C¸
1. C¸
1. C¸
1. C¸1. C¸
c tag trong phÇn ®Ç
c tag trong phÇn ®Ç
c tag trong phÇn ®Ç
c tag trong phÇn ®Çc tag trong phÇn ®Ç
u tµi liÖu
u tµi liÖu
u tµi liÖu
u tµi liÖuu tµi liÖu
d. Ta
d. Ta
d. Ta
d. Tad. Ta
g <M
g <M
g <M
g <Mg <M
ETA>
ETA>
ETA>
ETA>ETA>
Tag
Tag
Tag
TagTag
nµy
nµy
nµy
nµy nµy
cho
cho
cho
chocho
p
p
p
pp
hÐp
hÐp
hÐp
hÐp hÐp
®Æ
®Æ
®Æ
®Æ®Æ
t
t
t
t t
nhiÒ
nhiÒ
nhiÒ
nhiÒnhiÒ
u
u
u
u u
th«ng
th«ng
th«ng
th«ngth«ng
tin
tin
tin
tin tin
o
o
o
o o
p
p
p
pp
hÇn
hÇn
hÇn
hÇn hÇn
®Ç
®Ç
®Ç
®Ç®Ç
u
u
u
u u
cña
cña
cña
cñacña
t
t
t
tt
i
i
i
i i
ta
ta
ta
tata à
liÖu
liÖu
liÖu
liÖu liÖu
web
web
web
webweb
:
:
:
: :
®Þa
®Þa
®Þa
®Þa ®Þa
chØ
chØ
chØ
chØchØ
tr¶
tr¶
tr¶
tr¶ tr¶
lêi
lêi
lêi
lêi lêi
,
,
,
, ,
c¸c
c¸c
c¸c
c¸c c¸c
th«ng
th«ng
th«ng
th«ngth«ng
o,
o,
o,
o, o,
th
th
th
thth
êi
êi
êi
êi êi
gian
gian
gian
gian gian
nh
nh
nh
nhnhư
th
th
th
ththư
b¶n
b¶n
b¶n
b¶nb¶n
lµm
lµm
lµm
lµmlµm
t
t
t
t t
trang
trang
trang
trang trang
web,
web,
web,
web, web,
thêi gian
thêi gian
thêi gian
thêi gian thêi gian
qu¸ h¹n
qu¸ h¹n
qu¸ h¹n
qu¸ h¹n qu¸ h¹n
th«ng
th«ng
th«ng
th«ng th«ng
tin
tin
tin
tin tinư
¬i
¬i
¬i
¬i¬i
...
...
...
......
C¸c
C¸c
C¸c
C¸cC¸c
thuéc tÝn
thuéc tÝn
thuéc tÝn
thuéc tÝn thuéc tÝn
h cña ta
h cña ta
h cña ta
h cña tah cña ta
g:
g:
g:
g:g:
+ Conte
+ Conte
+ Conte
+ Conte+ Conte
nt:
nt:
nt:
nt:nt:
g¸n gi¸
g¸n gi¸
g¸n gi¸
g¸n gi¸ g¸n gi¸
trÞ c
trÞ c
trÞ c
trÞ ctrÞ c
ho tªn th
ho tªn th
ho tªn th
ho tªn thho tªn th
uéc
uéc
uéc
uécuéc
tÝnh
tÝnh
tÝnh
tÝnh tÝnh
+ HTTP
+ HTTP
+ HTTP
+ HTTP+ HTTP
-EQ
-EQ
-EQ
-EQ-EQ
UI
UI
UI
UIUI
V: kÕt nè
V: kÕt nè
V: kÕt nè
V: kÕt nèV: kÕt nè
i c¸
i c¸
i c¸
i c¸i c¸
c siªu th«ng
c siªu th«ng
c siªu th«ng
c siªu th«ngc siªu th«ng
tin vµ
tin vµ
tin vµ
tin vµ tin vµ
o phÇn
o phÇn
o phÇn
o phÇno phÇn
hea
hea
hea
heahea
der
der
der
derder
cña
cña
cña
cñacña
®¸p
®¸p
®¸p
®¸p ®¸p
øng Serv
øng Serv
øng Serv
øng Serv øng Serv
er (HTTP)
er (HTTP)
er (HTTP)
er (HTTP)er (HTTP)
+ Na
+ Na
+ Na
+ Na+ Na
me:
me:
me:
me:me:
tªn cñ
tªn cñ
tªn cñ
tªn cñtªn cñ
a thµ
a thµ
a thµ
a thµa thµ
nh phÇn siªu th«n
nh phÇn siªu th«n
nh phÇn siªu th«n
nh phÇn siªu th«nnh phÇn siªu th«n
g tin, ®
g tin, ®
g tin, ®
g tin, ®g tin, ®
îc xem
îc xem
îc xem
îc xemîc xem
gièng
gièng
gièng
gièng gièng ư
nh
nh
nh
nhnhư
lµ HTTP
lµ HTTP
lµ HTTP
lµ HTTP lµ HTTP
-
-
-
--
EQU
EQU
EQU
EQUEQU
IV nÕu k
IV nÕu k
IV nÕu k
IV nÕu kIV nÕu k
h«n
h«n
h«n
h«nh«n
g ®
g ®
g ®
g ®g ®
îc x¸
îc x¸
îc x¸
îc x¸îc x¸
c ®Þnh.
c ®Þnh.
c ®Þnh.
c ®Þnh.c ®Þnh.ư
VÝ dô
VÝ dô
VÝ dô
VÝ dôVÝ dô
:
:
:
: :
<
<
<
<<
META
META
META
META META
HTTP
HTTP
HTTP
HTTPHTTP
-
-
-
--
EQU
EQU
EQU
EQUEQU
IV=
IV=
IV=
IV=IV=
"
"
"
""
Refr
Refr
Refr
RefrRefr
esh
esh
esh
eshesh
" Content=
" Content=
" Content=
" Content=" Content=
"1
"1
"1
"1"1
0">
0">
0">
0">0">
Ta
Ta
Ta
TaTa
g nµy
g nµy
g nµy
g nµyg nµy
b¸o
b¸o
b¸o
b¸o b¸o
cho tr
cho tr
cho tr
cho trcho tr
×nh duyÖ
×nh duyÖ
×nh duyÖ
×nh duyÖ×nh duyÖ
t biÕt r»ng
t biÕt r»ng
t biÕt r»ng
t biÕt r»ngt biÕt r»ng
cø 10
cø 10
cø 10
cø 10 cø 10
gi©y
gi©y
gi©y
gi©y gi©y
th
th
th
thth
× lµm t
× lµm t
× lµm t
× lµm t× lµm tư
¬i
¬i
¬i
¬i ¬i
(Refr
(Refr
(Refr
(Refr(Refr
esh
esh
esh
eshesh
)
)
)
) )
tra
tra
tra
tratra
ng
ng
ng
ngng
web
web
web
webweb
mét lÇ
mét lÇ
mét lÇ
mét lÇ mét lÇ
n.
n.
n.
n.n.
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
1. C¸c
1. C¸c
1. C¸c
1. C¸c1. C¸c
tag trong phÇ
tag trong phÇ
tag trong phÇ
tag trong phÇ tag trong phÇ
n ®Çu tµi
n ®Çu tµi
n ®Çu tµi
n ®Çu tµin ®Çu tµi
l
l
l
ll
i
i
i
ii
Öu
Öu
Öu
ÖuÖu
e.
e.
e.
e.e.
Ta
Ta
Ta
TaTa
g
g
g
g g
<
<
<
<<
S
S
S
SS
CRIPT>
CRIPT>
CRIPT>
CRIPT> CRIPT>
§
§
§
§§
tag
tag
tag
tagtag
chøa,
chøa,
chøa,
chøa, chøa,
dïng
dïng
dïng
dïng dïng
chøa
chøa
chøa
chøa chøa
(hoÆc
(hoÆc
(hoÆc
(hoÆc (hoÆc
thñ
thñ
thñ
thñ thñ
tôc)
tôc)
tôc)
tôc) tôc)
©y
©y
©y
©y©y
®Ó
®Ó
®Ó
®Ó®Ó
c¸c
c¸c
c¸c
c¸cc¸c
hµm
hµm
hµm
hµmhµm
c¸c
c¸c
c¸c
c¸cc¸c
®
®
®
®®ư
îc
îc
îc
îcîc
viÕ
viÕ
viÕ
viÕviÕ
t
t
t
t t
b»ng
b»ng
b»ng
b»ng b»ng
JavaScript.
JavaScript.
JavaScript.
JavaScript. JavaScript.
Tag
Tag
Tag
Tag Tag
nµy
nµy
nµy
nµy nµy
thu
thu
thu
thuthu
éc
éc
éc
éc éc
tÝnh
tÝnh
tÝnh
tÝnh tÝnh
Lan
Lan
Lan
LanLan
gua
gua
gua
guagua
ge
ge
ge
ge ge
®Ó
®Ó
®Ó
®Ó®Ó
chØ
chØ
chØ
chØchØ
ra
ra
ra
rara
ng«
ng«
ng«
ng« ng«
n
n
n
nn
ng
ng
ng
ngng
÷ ®
÷ ®
÷ ®
÷ ®÷ ®
ư
îc
îc
îc
îcîc
dôn
dôn
dôn
dôn dôn
g
g
g
g g
n
n
n
nn
n
n
n
n n
÷
÷
÷
÷ ÷
.
.
.
..
ng
ng
ng
ngng
VÝ dô
VÝ dô
VÝ dô
VÝ dôVÝ dô
:
:
:
::
<SC
<SC
<SC
<SC<SC
RIPT
RIPT
RIPT
RIPTRIPT
L
L
L
LL
AN
AN
AN
ANAN
GUAGE="
GUAGE="
GUAGE="
GUAGE="GUAGE="
Jav
Jav
Jav
JavJav
aScript
aScript
aScript
aScriptaScript
">
">
">
">">
fun
fun
fun
funfun
ction
ction
ction
ction ction
V
V
V
VV
idu(){
idu(){
idu(){
idu(){idu(){
//c
//c
//c
//c//c
¸c lÖnh
¸c lÖnh
¸c lÖnh
¸c lÖnh ¸c lÖnh
cña
cña
cña
cñacña
hµm
hµm
hµm
hµmhµm
n»m ë ®©y.
n»m ë ®©y.
n»m ë ®©y.
n»m ë ®©y. n»m ë ®©y.
}
}
}
}}
</S
</S
</S
</S</S
CRIP
CRIP
CRIP
CRIPCRIP
T>
T>
T>
T>T>
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu
a. Ta
a. Ta
a. Ta
a. Taa. Ta
g BODY
g BODY
g BODY
g BODYg BODY
§
§
§
§§
lo¹i
lo¹i
lo¹i
lo¹i lo¹i
tag
tag
tag
tag tag
c
c
c
cc
høa,
høa,
høa,
høa, høa,
dïng
dïng
dïng
dïngdïng
bao
bao
bao
bao bao
lÊy
lÊy
lÊy
lÊy lÊy
tag
tag
tag
tag tag
©y
©y
©y
©y©y
®Ó
®Ó
®Ó
®Ó®Ó
c¸c
c¸c
c¸c
c¸cc¸c
kh¸
kh¸
kh¸
kh¸kh¸
c tro
c tro
c tro
c troc tro
ng
ng
ng
ngng
phÇ
phÇ
phÇ
phÇphÇ
n th©n
n th©n
n th©n
n th©nn th©n
cña
cña
cña
cña cña
t
t
t
tt
µi
µi
µi
µiµi
liÖu
liÖu
liÖu
liÖuliÖu
H
H
H
HH
TML
TML
TML
TMLTML
.
.
.
..
ch sö dông
ch sö dông
ch sö dông
ch sö dôngch sö dông
:
:
:
::
<BODY>
<BODY>
<BODY>
<BODY><BODY>
<!
<!
<!
<!<!
--
--
--
----
c¸c
c¸c
c¸c
c¸c c¸c
tag
tag
tag
tagtag
kh¸
kh¸
kh¸
kh¸kh¸
c n»m ë ®©y
c n»m ë ®©y
c n»m ë ®©y
c n»m ë ®©yc n»m ë ®©y
>
>
>
>>
--
--
--
----
</B
</B
</B
</B</B
ODY>
ODY>
ODY>
ODY>ODY>
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu
Th
Th
Th
ThTh
uéc
uéc
uéc
uécuéc
tÝnh
tÝnh
tÝnh
tÝnhtÝnh
Ch
Ch
Ch
ChCh
øc
øc
øc
øc øc
n
n
n
nnă
ng
ng
ng
ngng
Bgcolor="#RRBBGG" X¸c ®Þnh mµu nÒn cho trang web , tªn mµu nÒn ph¶i b¾t
®Çu b»ng tiÕp sau #, ®ã 6 ch c¸i, mçi c¸i 1 ch
Hecxa ( 0 tíi F) dïng ®Ó x¸c ®Þnh hîp mµu cho .
BACKGROUND="
Image"
X¸c ®Þnh ¶ nÒn cho trang webnh
COLOR="#RRBBGG"
X¸c ®Þnh mµu cña v n n trong phÇn th©n tµi liÖu , tªn ă
mµu ph¶i b¾t ® b»ng tiÕp sau Çu #, ®ã 6 ch c¸i,
mçi c¸i ch 1 Hecxa ( 0 tíi F) dïng x¸c ®Þnh ®Ó
hîp mµu cho .
Topmargin="n"
Canh lÒ trªn cho trang web ( ¸ trÞ n ® tÝnh b»ng pixel)gi ưîc
Leftmargin="n"
Canh lÒ îc tr¸i cho trang web ( ¸ trÞ n ®gi ư tÝnh b»ng Pixel)
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu
b. Ta
b. Ta
b. Ta
b. Tab. Ta
g HE
g HE
g HE
g HEg HE
ADING
ADING
ADING
ADINGADING
§©y lo¹i tag chøa dïng lµm næi bËt mét ®Ó
tiªu hay mét môc nµo trong trang web. ®Ò ®ã
6 Heading t ¬ng øng 6 møc kh¸c ư víi ®é
nhau, u tiªn gi¶m 1 ®Õn 6. víi ®é ư dÇn tõ
Trong HTML dông tag <Hn> thÓ hiÖn ta ®Ó
Heading, trong n mét 1-> 6.®ã sè ®i
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸
2. C¸
2. C¸
2. C¸2. C¸
c Tag trong
c Tag trong
c Tag trong
c Tag trongc Tag trong
phÇn th©n tµ
phÇn th©n tµ
phÇn th©n tµ
phÇn th©n tµ phÇn th©n tµ
i liÖu
i liÖu
i liÖu
i liÖui liÖu
b. Ta
b. Ta
b. Ta
b. Tab. Ta
g HEA
g HEA
g HEA
g HEAg HEA
DING
DING
DING
DINGDING
C¸c
C¸c
C¸c
C¸cC¸c
h
h
h
h h
sö d
sö d
sö d
sö dsö d
ông
ông
ông
ôngông
ThÓ hiÖn trªn
ThÓ hiÖn trªn
ThÓ hiÖn trªn
ThÓ hiÖn trªn ThÓ hiÖn trªn
Browser
Browser
Browser
BrowserBrowser
<H
<H
<H
<H<H
1>T
1>T
1>T
1>T1>T
iªu
iªu
iªu
iªuiªu
®Ò
®Ò
®Ò
®Ò®Ò
1</H
1</H
1</H
1</H 1</H
1>
1>
1>
1>1>
Tiª
Tiª
Tiª
TiªTiª
u
u
u
u u
®Ò 1
®Ò 1
®Ò 1
®Ò 1®Ò 1
<H
<H
<H
<H<H
2>T
2>T
2>T
2>T2>T
iªu
iªu
iªu
iªuiªu
®Ò
®Ò
®Ò
®Ò®Ò
2</H
2</H
2</H
2</H 2</H
2>
2>
2>
2>2>
Tiª
Tiª
Tiª
TiªTiª
u
u
u
u u
®Ò 2
®Ò 2
®Ò 2
®Ò 2®Ò 2
<H
<H
<H
<H<H
3>T
3>T
3>T
3>T3>T
iªu
iªu
iªu
iªuiªu
®Ò
®Ò
®Ò
®Ò®Ò
3</H
3</H
3</H
3</H 3</H
3>
3>
3>
3>3>
Tiª
Tiª
Tiª
TiªTiª
u
u
u
u u
®Ò
®Ò
®Ò
®Ò®Ò
3
3
3
3 3
<H
<H
<H
<H<H
4>T
4>T
4>T
4>T4>T
iªu
iªu
iªu
iªu iªu
®Ò
®Ò
®Ò
®Ò®Ò
4</H4
4</H4
4</H4
4</H4 4</H4
>
>
>
>>
Tiªu ®
Tiªu ®
Tiªu ®
Tiªu ®Tiªu ®
Ò 4
Ò 4
Ò 4
Ò 4Ò 4
<H
<H
<H
<H<H
5>T
5>T
5>T
5>T5>T
iªu
iªu
iªu
iªuiªu
®Ò
®Ò
®Ò
®Ò®Ò
5</H
5</H
5</H
5</H 5</H
5>
5>
5>
5>5>
Ti
Ti
Ti
TiTi
ªu ®Ò 5
ªu ®Ò 5
ªu ®Ò 5
ªu ®Ò 5ªu ®Ò 5
<H
<H
<H
<H<H
6>T
6>T
6>T
6>T6>T
iªu
iªu
iªu
iªu iªu
®Ò
®Ò
®Ò
®Ò®Ò
6</H6
6</H6
6</H6
6</H6 6</H6
>
>
>
>>
Tiªu
Tiªu
Tiªu
TiªuTiªu
®Ò 6
®Ò 6
®Ò 6
®Ò 6 ®Ò 6
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c
2. C¸c
2. C¸c
2. C¸c2. C¸c
Ta
Ta
Ta
TaTa
g
g
g
gg
trong
trong
trong
trong trong
p
p
p
pp
n th©n tµi liÖu
n th©n tµi liÖu
n th©n tµi liÖu
n th©n tµi liÖun th©n tµi liÖu
c. Ta
c. Ta
c. Ta
c. Tac. Ta
g Ta
g Ta
g Ta
g Tag Ta
ble
ble
ble
bleble
+ §Ó b¶ng ta dïng tag <TABLE>
</TABLE>.
+ Mçi hµng trong b¶ng ®ưîc x¸c ®Þnh b»ng cÆp tag
<TR> </TR>, mçi « cña b¶ng ®ưîc x¸c ®Þnh b»ng cÆp tag
<TD> </TD> hoc <TH> và </TH>.
+ Muèn x¸c ®Þnh tiªu cña b¶ng dông tag ®Ò ta
<CAPTION> </CAPTION>
+ Ngoµi thÓ dông thuéc tÝnh HEIGHT, ra c¸c
WIDTH, BORDER thay ®æi cao, réng, ® êng ®Ó ®é ®é ư
viÒn cña b¶ng
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n
2. C¸c Tag trong phÇn th©n
2. C¸c Tag trong phÇn th©n
2. C¸c Tag trong phÇn th©n 2. C¸c Tag trong phÇn th©n
tµi liÖ
tµi liÖ
tµi liÖ
tµi liÖtµi liÖ
u
u
u
uu
c. Tag Table
:
<TABLE BORDER=1>
<
<
<
<<
CAPTION>VÝ
CAPTION>VÝ
CAPTION>VÝ
CAPTION>VÝ CAPTION>VÝ
dô vÒ
dô vÒ
dô vÒ
dô vÒdô vÒ
ch t¹o
ch t¹o
ch t¹o
ch t¹o ch t¹o
b¶ng </CAPTION>
b¶ng </CAPTION>
b¶ng </CAPTION>
b¶ng </CAPTION>b¶ng </CAPTION>
<TR>
<TR>
<TR>
<TR><TR>
<T
<T
<T
<T<T
H>STT</TH>
H>STT</TH>
H>STT</TH>
H>STT</TH>H>STT</TH>
<T
<T
<T
<T<T
H>Néi
H>Néi
H>Néi
H>Néi H>Néi
d
d
d
dd
un
un
un
unun
g</TH>
g</TH>
g</TH>
g</TH>g</TH>
</T
</T
</T
</T</T
R>
R>
R>
R>R>
<TR>
<TR>
<TR>
<TR><TR>
<T
<T
<T
<T<T
D>1</TD>
D>1</TD>
D>1</TD>
D>1</TD>D>1</TD>
<T
<T
<T
<T<T
D>Néi
D>Néi
D>Néi
D>Néi D>Néi
dun
dun
dun
dundun
g
g
g
g g
«
«
«
««
thø 2 hµng
thø 2 hµng
thø 2 hµng
thø 2 hµng thø 2 hµng
2<
2<
2<
2<2<
/TD>
/TD>
/TD>
/TD>/TD>
</T
</T
</T
</T</T
R>
R>
R>
R>R>
<TR>
<TR>
<TR>
<TR><TR>
<T
<T
<T
<T<T
D>2</TD>
D>2</TD>
D>2</TD>
D>2</TD>D>2</TD>
<T
<T
<T
<T<T
D>Néi
D>Néi
D>Néi
D>Néi D>Néi
dun
dun
dun
dundun
g
g
g
g g
«
«
«
««
thø 2 hµng
thø 2 hµng
thø 2 hµng
thø 2 hµng thø 2 hµng
3<
3<
3<
3<3<
/TD>
/TD>
/TD>
/TD>/TD>
</T
</T
</T
</T</T
R>
R>
R>
R>R>
<TR>
<TR>
<TR>
<TR><TR>
<T
<T
<T
<T<T
D>3</TD>
D>3</TD>
D>3</TD>
D>3</TD>D>3</TD>
<T
<T
<T
<T<T
D>Néi
D>Néi
D>Néi
D>Néi D>Néi
dun
dun
dun
dundun
g
g
g
g g
«
«
«
««
thø 2 hµng
thø 2 hµng
thø 2 hµng
thø 2 hµng thø 2 hµng
4<
4<
4<
4<4<
/TD>
/TD>
/TD>
/TD>/TD>
</TR
</TR
</TR
</TR</TR
</T
</T
</T
</T</T
ABLE>
ABLE>
ABLE>
ABLE>ABLE>
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸
2. C¸
2. C¸
2. C¸2. C¸
c
c
c
c c
Tag
Tag
Tag
TagTag
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu trong phÇn th©n tµi liÖu
d.
d.
d.
d.d.
Tag For
Tag For
Tag For
Tag For Tag For
m
m
m
mm
+ BiÓu phÐp tËp hîp c¸c kiÓu liÖu trang mÉu cho ta
web göi lªn Server th«ng qua êng liÖu c¸c trư nhËp
nh c¸c như Textbox, nót ®iÒu khiÓn ư Check box, Radio
button, Command button, ...
TÊt êng nµy ®Òu ph¶i n»m ÷a cÆp tag c¸c trư gi <FORM>
vµ </FORM>
Mét Form d÷ liÖu thuéc tÝnh sau: c¸c
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c
2. C¸c
2. C¸c
2. C¸c2. C¸c
Tag trong phÇn
Tag trong phÇn
Tag trong phÇn
Tag trong phÇn Tag trong phÇn
th©n tµi
th©n tµi
th©n tµi
th©n tµi th©n tµi
li
li
li
lili
Öu
Öu
Öu
ÖuÖu
d.
d.
d.
d.d.
Tag Fo
Tag Fo
Tag Fo
Tag Fo Tag Fo
rm
rm
rm
rmrm
Thuéc
Thuéc
Thuéc
ThuécThuéc
tÝnh
tÝnh
tÝnh
tÝnhtÝnh
Chøc
Chøc
Chøc
ChøcChøc
n
n
n
nnă
ng
ng
ng
ngng
NAME="f
NAME="f
NAME="f
NAME="fNAME="f
orm_name"
orm_name"
orm_name"
orm_name"orm_name"
Tªn
Tªn
Tªn
TªnTªn
cña
cña
cña
cña cña
Form
Form
Form
FormForm
ACTION="URL_execute
ACTION="URL_execute
ACTION="URL_execute
ACTION="URL_executeACTION="URL_execute
"
"
"
""
ChØ
ChØ
ChØ
ChØ ChØ
®Þnh
®Þnh
®Þnh
®Þnh®Þnh
cña
cña
cña
cña cña
mét
mét
mét
mét mét
file
file
file
file file
trª
trª
trª
trªtrª
n
n
n
n n
Server,
Server,
Server,
Server,Server,
cho
cho
cho
cho cho
tªn
tªn
tªn
tªntªn
phÐ
phÐ
phÐ
phÐphÐ
p
p
p
p p
xö
d
d
d
d d
liÖ
liÖ
liÖ
liÖ liÖ
u
u
u
u u
Form nµy
Form nµy
Form nµy
Form nµy Form nµy
göi
göi
göi
göii
lªn
lªn
lªn
lªnlªn
.
.
.
. .
METHOD="POST/GET"
METHOD="POST/GET"
METHOD="POST/GET"
METHOD="POST/GET"METHOD="POST/GET"
X¸c
X¸c
X¸c
X¸c X¸c
®Þnh
®Þnh
®Þnh
®Þnh ®Þnh
thøc
thøc
thøc
thøc thøc
Browser
Browser
Browser
Browser Browser
d
d
d
dd
ph
ph
ph
phphư
¬ng
¬ng
¬ng
¬ng¬ng
göi
göi
göi
göigöi
liÖu
liÖu
liÖu
liÖu liÖu
Server.
Server.
Server.
Server. Server.
¸
¸
¸
¸ ¸
trÞ
trÞ
trÞ
trÞ trÞ
PO
PO
PO
POPO
ST
ST
ST
ST ST
dïng
dïng
dïng
dïng dïng
d
d
d
dd
lªn
lªn
lªn
lªnlªn
Gi
Gi
Gi
GiGi
®Ó
®Ó
®Ó
®Ó®Ó
göi
göi
göi
göigöi
liÖu
liÖu
liÖu
liÖuliÖu
, GET
, GET
, GET
, GET , GET
d
d
d
dd
ï
ï
ï
ïï
ng
ng
ng
ng ng
lÊy d
lÊy d
lÊy d
lÊy dlÊy d
®Ó
®Ó
®Ó
®Ó®Ó
liÖu
liÖu
liÖu
liÖuliÖu
Server
Server
Server
Server Server
.
.
.
..
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2.
2.
2.
2. 2.
T
T
T
TT
ag
ag
ag
agag
trong
trong
trong
trong trong
phÇ
phÇ
phÇ
phÇphÇ
n th©n
n th©n
n th©n
n th©nn th©n
t
t
t
tt
µi
µi
µi
µiµi
C¸c
C¸c
C¸c
C¸cC¸c
liÖu
liÖu
liÖu
liÖuliÖu
d.
d.
d.
d.d.
Tag For
Tag For
Tag For
Tag For Tag For
m
m
m
mm
Trong Form thÓ bao gåm nhiÒu êng liÖu, trư
mçi êng d÷ liÖu ®Òu ® b»ng mét kho¸ trư ưîc INPUT
3 thuéc tÝnh : TYPE, NAME, VALUE .
+ Type : dïng ®Þnh kiÓu êng liÖu ( ®Ó x¸c trư như
text box, check box, ...),
+ Name : dïng ®Þnh tªn cña êng®Ó x¸c trư
+ Value : dïng ®Ó x¸c ®Þnh gi¸ trÞ cña êng .trư ®ã
:dô
<INPUT TYPE="Text" Name="T1“ Value="V1">
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c
2. C¸c
2. C¸c
2. C¸c2. C¸c
Tag trong phÇn
Tag trong phÇn
Tag trong phÇn
Tag trong phÇn Tag trong phÇn
th©n tµi
th©n tµi
th©n tµi
th©n tµi th©n tµi
li
li
li
lili
Öu
Öu
Öu
ÖuÖu
d.
d.
d.
d.d.
Tag Fo
Tag Fo
Tag Fo
Tag Fo Tag Fo
rm
rm
rm
rmrm
Text Box <INPUT TYPE="Text" >
Cho phÐp nhËp d liÖu chØ
trªn mét hµng
Password box <INPUT TYPE="Password" > Dïng nhËp mËt khÈu, khi ®Ó
tr dông ư êng nµy d liÖu
nhËp vµo ® hiÓn thÞ ng îc
c¸c dÊu *
Hidden box <INPUT TYPE="Hidden" > Dïng x¸c ®Þnh mét ¸ ®Ó gi
trÞ sung cho viÖc cña
ch ư¬ng trinh kh«ng cÇn
hiÓn thÞ chóng.
Check box <INPUT TYPE="Checkbox" > Lùa chän nhiÒu ¸ trÞ mét lócgi
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
d. Tag F
Radi
Radi
Radi
RadiRadi
o button
o button
o button
o buttono button <INPUT TYPE="Radio" > Lùa chän mét trong nhiÒu gi¸ trÞ
Tex
Tex
Tex
TexTex
t window
t window
t window
t windowt window
<TEXTAREA>...</TEXTAREA>
Cho phÐp nhËp d liÖu trªn nhiÒu
hµng
File
File
File
FileFile
<INPUT TYPE="File" >
cöa liÖt c¸c file thư
môc trªn m¸y tÝnh chän file®Ó
Selec
Selec
Selec
SelecSelec
t box
t box
t box
t boxt box <SELECT Name="select_name">
<OPTION VALUE="nvalue">
Ò môc chän lùa Đ
</OPTION>
........
</SELECT>
Cho phÐp chän 1 môc thÝch ®Ò
hîp trong danh s¸ch xuèng cña ®æ
c¸c môc®Ò
Bu
Bu
Bu
BuBu
tton
tton
tton
ttontton <INPUT
TYPE="Submit/Reset/Button">
Göi liÖu Server (nÕu lªn
Type="Submit"), hoÆc ¸ tr gi
trÞ ®Þnh cña c¸c êng trªn ngÇm trư
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
d. Tag F
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸
2. C¸
2. C¸
2. C¸2. C¸
c
c
c
c c
Tag
Tag
Tag
TagTag
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu
trong phÇn th©n tµi liÖu trong phÇn th©n tµi liÖu
e.
e.
e.
e.e.
Tag Fra
Tag Fra
Tag Fra
Tag Fra Tag Fra
me
me
me
meme
Môc ®Ých cña Frame nh»m chia cöa duyÖt tr×nh
ra lµm hai nhiÒu vïng h¬n, khi hay nhá ®Ó ®ã thÓ t¶i c¸c
tµi liÖu HTML kh¸c trong mçi vïng gióp êi nhau vµo ngư
dông thÓ theo dâi nhiÒu trang web ®ång thêi.
Mçi vïng gäi m t Frame, tËp hîp c¸c vïng nhá
nµy gäi lµ Frameset.
§Ó t¹o Frame dông cÆp tag <FRAMESET> c¸c
</FRAMESET>, tag nµy hai thuéc tÝnh b¶n cÆp lµ
ROWS COLS dïng hµng cét cÇn chia ®Ó
thµnh Frame.
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c
2. C¸c
2. C¸c
2. C¸c2. C¸c
Tag trong
Tag trong
Tag trong
Tag trong Tag trong
phÇn
phÇn
phÇn
phÇn phÇn
th
th
th
thth
©n tµ
©n tµ
©n tµ
©n tµ©n tµ
i liÖu
i liÖu
i liÖu
i liÖui liÖu
e.
e.
e.
e.e.
Tag
Tag
Tag
Tag Tag
Fram
Fram
Fram
Fram Fram
e
e
e
ee
VÝ dô: <FRAMESET COLS="150,*">
<FRAME NAME="menu" SRC="Menu.htm">
<FRAME NAME="main" SRC="Main.htm">
</FRAMESET>
+ §o¹n trªn chia cöa lµm hai t, cét thø nhÊt réng ra
150 pixel, cét thø hai kho¶ng trèng cßn l¹i cña cöa .
+ Trong cÆp tag <FRAMESET> cßn chøa c¸c tag <FRAME>
dïng x¸c ®Þnh c¸c trang web ® hiÓn thÞ trong mçi Frame®Ó ưîc
khi Frameset ® n¹p lÇn ®Çu tiªn. ưîc lªn
+ Mçi Frame thuéc tÝnh NAME dïng ®Æt tªn cho Frame ®ã,
®ång thêi lµm ®Ých c¸c trang web kh¸c nh¶y ®Õn frame ®Ó ®ã
| 1/58

Preview text:

BÀI GIẢNG ÔN HỌC CÔNG NGHỆ WEB
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU 1. Giới thiệu về HTML  thiết kế một dễ dưới dạng ảnh trực nhưng cốt cấu của một được định bởi ngữ kết  chữ viết tắt của ngữ đánh dấu văn bản loạt thẻ với ước để tạo
được hiển thị bởi những duyệt
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU 1. Giới thiệu về HTML
 HTML lµ mét ng«n ng÷ m« t¶ tµi liÖu, ®uîc
h×nh thµnh tõ mét d¹ng ng«n ng÷ m« t¶ tµi liÖu
tæng qu¸t cã tªn lµ SGML (Standard
Generalized Markup Language), ®©y lµ ng«n
ng÷ do h·ng IBM ®Ò xưíng tõ nh÷ng n¨m 1960.
 Thùc chÊt SGML lµ mét ng«n ng÷ m¸y tÝnh
nh»m m« t¶ tµi liÖu, cho phÐp ta thiÕt lËp mèi
quan hÖ gi÷a c¸c thµnh phÇn kh¸c nhau trong
cïng mét tµi liÖu, hoÆc gi÷a nhiÒu tµi liÖu thuéc
c¸c d¹ng d÷ liÖu kh¸c nhau
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU 2. . C ¸ C c ¸ c k h k ¸ h i ¸ niÖm a. a Kh . ¸ Kh i i n i n Öm i Öm T AG T Mé M t é t Ta T g a g cña cñ a HTML HTML lµ l dÊ d u Ê u hi h Ö i u Ö u b¸ b o ¸ o cho h o tr t ×nh n du d yÖt u yÖt we w b e b (w ( e w b e br b o r w o s w e s r e ) r bi b Õ i t Õ t r» r ng » nªn lµm l µm ®i ® Ò i u Ò u g× g× ®ã ® ã ngoµi viÖ vi c Ö c chØ hØ thu t Çn hu Çn tu t ý u thÓ hiÖ hi n Ö v¨n b¶n b lª l n mµ m n h×nh n . h n C¸ C c ¸ c Tag tr t o r ng o HTML th t ưêng ê ®ưîc î gä g i ä lµ l µ c¸ c c ¸ thÎ t . VÝ V dô d : :ĐÓ Ó hi Ó hi n t n hÞ t hÞ m é m t é t d ß d ng ß v¨n b ¨n ¶ b n i n n i ® n Ëm ® , Ëm t r t o r ng t o µi ng t µi li l Ö i u u HTML H TML t a c a hÌ c n vµo n l vµo Ö l nh s Ö au nh s : au < dß B> n dß g n v¨n ¨ n b ¶ b n ¶ n ® ưîc i c n i n ® Ë ® m Ë m < / < B / > B
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU 2. 2 .C ¸ C c c k h k ¸ h i ¸ i n i n Ö i m Ö b. b .T huéc h tÝ t n Ý h n cñ c a ñ Tag a Mç M i ç i Ta T g a g tr t o r n o g n g HT H M T L M L ®Ò ® u Ò cã c ã mé m t é vµ v i µ i th t uéc h tÝ t n Ý h n h (h ( a h y a y cß c n ß n gä g i ä i lµ l th t am h sè s ) è dïng d ®Ó ® bæ b sung s ho h Æc th t ay h ®æ ® i æ i c¸ c c ¸ h c h th t Ó h Ó hi h Ö i n Ö n th t « h n « g n th t ưên ê g n cñ c a ñ Tag g ®ã ® . ã VÝ V dô d : :ĐÓ Ó h i h Ó i n Ó n th t Þ h Þ 1 1 h × h nh n h ¶ n ¶ h n h t r t ª r n ª n t r t a r ng n g w e w b e ta t d ïn d g ïn g t a t g a nh n ư s a s u: a < M I G M G S R S C R = C " = b " g b r g o r un o d un .g . i g f i " f " WIDT H WIDT = H " = 1 " 0 1 0 0 " 0 " H E H I E G I H G T H = T " = 1 " 5 1 0 5 " 0 > " Tr T on o g n g ®ã ® : ã : + C h C Ø Ø th t Þ h Þ IMG M G b ¸ b o ¸ ch c o h tr t ×nh n h duyÖt bi b Õt Õ b ¾ b t ¾ t ® Ç ® u Ç h u i h Ó i n Ó th t Þ h h × h nh n h ¶n ¶ h n + + T h T u h éc é c tÝ t n Ý h n h SR S C R c h c o h o b i b Õ i t t h × h nh n h ¶ n ¶ h n h cÇ c n Ç h i h Ó i n Ó n th t Þ h Þ + Th T uéc h tÝ t nh n h WIDT WID H T H cã c ã gi g ¸ i ¸ tr t Þ r 10 1 0 0 , 0 ,HE H I E G I H G T H T cã c ã gi g ¸ i ¸ tr t Þ r Þ 15 1 0 5 0 b¸ b o ¸ o ch c o h o tr t ×nh n h n d uyÖt d uyÖt bi b Õ i t Õ t ®é ® é r é r n é g n g vµ v ®é ® é c a c o a o cñ c a ñ a h × h nh n h n ¶ n ¶ h n cÇ c n Ç n h i h Ó i n Ó n t h t Þ h Þ lµ l µ l 10 1 0 0 vµ v 15 1 0 5 0
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU 2. 2 C ¸c k C h ¸c k ¸ h i niÖ i n m iÖ c. c. Ta T g g chø ch a a vµ v µ Ta T g g rçng n
+ Tag chøa: Mét tag ®ưîc gäi l
µ tag chøa nÕu nã ®i cïng víi mét
tag kh¸c dïng ®Ó b¸o hiÖu tag ®ã mÊt hiÖu lùc hoÆc bao gåm trong n ã nhiÒu tag kh¸c ®Ó t¨n g thªm tÝnh n¨n g cña n . ã
Tag lµ mét vÝ dô vÒ tag chøa, chóng gåm hai thµnh
phÇn, phÇn ®Çu tag () vµ phÇn cuèi tag ().
+ Tag rçng: tag rçng lµ tag chØ cã mét thµnh phÇn chøa tªn tag
vµ kh«ng ®i kÌm víi mét tag kh¸c. Th«ng thưêng lo¹i tag nµy chØ c ã hiÖu lù c t¹i vÞ trÝ n ã xuÊt hiÖn. VÝ dô: Tag
cã nhiÖm vô ng¾t dßng, khi tr×nh duyÖt nhËn
thÊy tag nµy trong tµi liÖu th× nã tiÕp tôc hiÓn thÞ th«ng tin sang mét dßng míi.
CHƯƠNG 2 : NGÔN NGỮ HTML I. GIỚI THIỆU
3. Cấu trúc một trang web ở dạng HTML Mét M t ét µ t i µ li l Öu i H Öu T H ML M L t h t «n h g «n g t h t ưêng n g gåm g 2 2 p h p Çn Ç n c h c Ý h n Ý h n : h p : h p Ç h n n ®Ç ® u u tµ t i µ l i l Öu i ( Öu H ( ead) H ead) vµ v µ p h p Çn Ç n t h t © h n © n t µ t i µ i l i l Öu i ( Öu B ( od B y od ) y Dưíi ®©y © lµ l µ c Ê c u u t r t ó r c ó c c¬ c b ¬ ¶ b n ¶ n c ñ c a ñ a 1 1 t µ t i µ i l i l Öu i H Öu T H M T L M : < T H ML M > L > <-- - - ta t g a ® Þ ® n Þ h n h n g n h g Ü h a a tµ t i µ l i l Öu i H Öu T H M T L M < E H AD> AD> <-- - - tag a g ® Þ ® n Þ h h n g n h g Ü h a Ü a p h p Ç h n n ®Ç ® u Ç u c ñ c a ñ a t µ t i µ i l i l Öu i -- - - - - - - - - - - - - - - - - - - - - - - <-- - - c¸ c c c tag a k h k ¸ h c ¸ c t h t u h éc u éc vÒ p Ò h p Çn Ç n ®Çu Ç u t µ t i µ i l i l Ö i u u < EAD> EAD> <-- - - tag a b ¸ b o ¸ hi h Ö i u u kÕt k th t ó h c ó c p h p Ç h n n ®Çu Ç u t µ t i µ i l i l Öu i < O B D O Y D > Y <-- - - ta t g a g b ¸ b o ¸ o h i h Ö i u Ö u b ¾ b t ¾ t ® Ç ® u Ç u phÇ ph n n th t © h n © n t µ t i µ i l i l Ö i u Ö - - - - - - - - - - - - - - - - - - - - <-- - - néi n du d n u g g vµ v µ c ¸ c c c ta t g a p h p Ç h n Ç n t h t © h n © n t µ t i µ i l i l Öu i Öu
< ODY> ODY > <-- - - ta t g a b ¸ b o ¸ hi h Ö i u u k Õt k th t ó h c ó c p h p Ç h n n th t ©n © tµ t i µ l i l Öu i < TM T L M > L <-- - - ta t g a k Õt k thó h c ó c t µ t i µ i l i l Öu i H Öu T H M T L M
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 1. 1 .C¸ C c ¸ c tag t t ag r t ong o p hÇn p ® Çu Ç u tµi li l Ö i u Ö a. a. Ta g < g ! < D ! O D CTYP C E> TYP Ta T g a g này y dï d n ï g n g gh g i h i th« h n « g n g ti t n i n vÒ v Ò ve v r e sio si n o n HTML L ¸p ¸ dô d ng ô tro r ng o tµi t li l Ö i u Ö u we w b e . b .Th T ưêng ê ®©y ® lµ l µ dß d ng ß ®Çu Ç ti t ª i n t n r t o r ng o f i f l i e l e H T H M T L M . L . VÝ VÝ dô d : ô <! < D ! OC O TY C P TY E E HTML H TML P UBLI UB C "-/-//W / 3C 3 / C //DTD D HTML H TML 4 .0 . Transi ti t o i nal o / nal //EN" E > N"
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 1. 1 .C ¸ C c c t ag t t ag r t o r ng p o hÇn ® ng p Ç hÇn ® u u t µi t µi l i l Ö i u Ö b. b . Ta g < g TI < T TI L T E> E > §©y §© l µ l µ l o¹i l ta t g a c h c ø h a ø , a d , ï d n ï g n g ® Ó ® thi h Õt lË l p Ë ti t ª i u u ®Ò ® c ñ c a ñ a tµ t i µ l i l Öu i VÝ d VÝ ô d : < i T t i le> l VÝ dô d ô c h c o h o t i t ªu i ® ªu Ò ® t¹ t o ¹ web< /T web< i /T tl t e> l c. c .Tag < Tag B < ASE A > SE Th T µ h nh n h phÇ ph n n này y dï n dï g n g ®Ó ®Ó c h c Ø h Ø ®Þ n ®Þ h n h ®Þa a ch c Ø h c¬ c ¬ b ¶ b n ¶ n c h c o h o c ¸ c c ¸ c mèi m n èi n l èi i l ªn i ªn k Õt k . Õt .C o C i i n h n ư ®©y y l µ l µ ® Þ ® a Þ a c h c Ø h Ø g èc g èc ® Ó ® t×m m c ¸ c c ¸ ®Þa Þ ch c Ø h kh k ¸ h c. c VÝ d VÝ ô d : : < SE S HR H EF=" EF= h " t h t t p t :// p www.pc3.com www.pc3.c / om S / c S r c i r p i t p s t /"> /"
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 1. 1 .C ¸ C c c t ag t t ag r t o r ng p o hÇn ® ng p Ç hÇn ® u u t µi t µi l i l Ö i u Ö d. d .Ta g < g M < ETA E > TA Tag T nµy n cho ch phÐ h p Ð ta t a ®Æt t nh n iÒ h u u th t « h n « g n tin t in vµo o phÇn h Çn ®Çu u cña cñ tài liÖu liÖ u we w b e nh n ư : :®Þa chØ ch tr¶ t lêi lê th t ư, ,c¸c b¶ b n ¶ n th t « h n « g n b¸ b o, o ,th t êi ê gian lµ l m µ t ư¬i ¬ i t r t a r n a g n we b we , b t h t ê h i ê i g i g a i n a q u q ¸ u ¸ h ¹ h n ¹ t h t « h n « g n t i t n i ..... C¸c C t h t u h é u c tÝ é n c tÝ h h cñ a t cñ a a t g: + Co + C n o t n e t nt n : t g¸n g¸n gi¸ trÞ c t ho h o t ª t n ª n t h t ué u c é t Ýn t h Ýn + HT + H T T P T -E - Q E UIV: V :k Õ k t Õ t n è n i c¸c siª c s u iª u th « th n « g n t in t in vµ o o ph Çn ph he h a e der de cña cñ ®¸p ø n ø g S n e g S rv e er (HTTP) e + + N a N me: me tª t n ª n c ñ c a a t h t µ h nh n h p h p Ç h n Ç n s i s ª i u ª u t h« t n h« g g t i t n i , n ,® ưîc î c x e x m e g i g è i n è g n g nh n ư lµ H T lµ H T T P T -EQ E U Q IV I V n Õ n u Õ u k h« h n « g ®ưîc x¸ î c ®Þnh. c ®Þnh VÝ dô V : : M T E A T A HT H T T P T -EQ E U Q IV I = V "Re R f e r f es e h s " " C o C n o t n e t n e t n = t "1 " 0" 0 > " Ta T g nµy g n b ¸o b cho ch o t r t ×nh ×n h du y du Ö y t t b iÕ b t iÕ t r» n r» g n cø cø 1 0 1 gi©y th t × lµm tư¬i ¬ i (R ( e R f e r f es e h s ) ) tra t ng n we w b e m é m t é t lÇ n. n
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 1. 1 C¸c . ta t g a t g r t o r ng o ng p h p Ç h n ®Çu tµi liÖu e. e Ta T g g C I R P I T P > T > §©y © y lµ l µ ta t g a ch c ø h a ø , a dï d n ï g n g ®Ó ® Ó ch c ø h a ø a c¸ c c ¸ hµ h m µ m (h ( oÆc h c¸ c c ¸ c th t ñ h ñ tô t c ô ) c ) ®ưîc î vi v Õ i t t b» b n » g n g Ja J v a a v S a c S r c i r pt i . pt . Ta T g a g nµ n y µ y cã c th t u h éc é c tÝ t n Ý h n h La L n a gu g a u ge g ®Ó ® Ó ch c Ø h ra r n g n « g n ng n ÷ ÷ ® ưîc î c sö s d ô d n ô g g lµ l µ ng« g n n ng n ÷ g ÷ g× g . VÝ d VÝ ô d : : < C S RIPT LANGUAGE="Ja J v a aS a c S r c i r p i t p "> " fu f n u ct c i t o i n o n Vidu i ( du ) ( { ) //c¸c ¸ c l Ön l h Ön h cñ c a ñ hµ h m µ n » n m » m ë ë ® © ® y © . y } < CRIPT> T
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu a. a. Ta g B g O B D O Y D §©y © lµ l µ lo l ¹ o i ¹ i ta t g a g chø h a ø , a , dï d n ï g n ®Ó ® Ó ba b o a o lÊ l y Ê y c¸ c c ¸ c ta t g a g kh¸ k c c t r t o r ng phÇ p n t n h©n t c ñ c a ñ tµi li l Ö i u Ö HTML. C¸ C ch c s h ö s ö d ô d ng ô : < D BO Y D > Y <! < -- - c¸c c tag t kh¸ k c c n» m n» m ë ë ® ©y ® -- - > - < B / OD O Y> D
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu Th T ué u c é tÝ t n Ý h n h Ch C øc øc năng n Bgcolor="#RRBBGG"
X¸c ®Þnh mµu nÒn cho trang web , tªn mµu nÒn ph¶i b¾t
®Çu b»ng ký tù #, tiÕp sau ®ã lµ 6 chữ c¸i, mçi chữ c¸i lµ 1
sè Hecxa (tõ 0 tíi F) dïng ®Ó x¸c ®Þnh t æ hîp mµu cho nã. BACKGROUND="Image"
X¸c ®Þnh ¶nh nÒn cho trang web COLOR="#RRBBGG"
X¸c ®Þnh mµu cña văn b¶n trong phÇn th©n tµi liÖu , tªn
mµu ph¶i b¾t ®Çu b»ng ký tù #, tiÕp sau ®ã lµ 6 chữ c¸i,
mçi chữ c¸i lµ 1 sè Hecxa (t
õ 0 tíi F) dïng ®Ó x¸c ®Þnh t æ hîp mµu cho nã. Topmargin="n"
Canh lÒ trªn cho trang web (gi¸ trÞ n ®ưî c tÝnh b»ng pixel) Leftmargin="n"
Canh lÒ tr¸i cho trang web (gi¸ trÞ n ®ưîc tÝnh b»ng Pixel)
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML
2. C¸c Tag trong phÇn th©n tµi liÖu b. b .Ta g H g E H AD A I D N I G N
§©y lµ lo¹i tag chøa dïng ®Ó lµm næi bËt mét
tiªu ®Ò hay mét môc nµo ®ã trong trang web.
Cã 6 Heading tư¬ng øng víi 6 møc ®é kh¸c
nhau, víi ®é ưu tiªn gi¶m dÇn t õ 1 ®Õn 6.
Trong HTML ta sö dông tag ®Ó thÓ hiÖn
Heading, trong ®ã n lµ mét sè ®i t õ 1-> 6.
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 .C ¸ C c c Tag t Tag r t o r ng o p hÇn p hÇn t h©n t t µ h©n t i i l i l Ö i u Ö b. b .Ta g H g E H A E DI D NG I C¸ C c ¸ h h sö s ö d ôn ô g n g Th T Ó h Ó h i h Ö i n Ö n t r t ª r n ª n Br B o r w o s w e s r e < 1> 1 T > iªu i ®Ò ® 1 < 1 /H < 1> 1 > Tiªu u ®Ò 1 < 2> 2 T > iªu i ®Ò ® 2 < 2 /H < 2> 2 > Ti T ª i u u ®Ò ® Ò 2 < 3> 3 T > iªu i ®Ò ® 3 < 3 /H < 3> 3 > Ti T ª i u u ®Ò ® 3 < 4> 4 T > iª i u ª u ®Ò ® 4 < 4 / < H4 / > > Tiªu Tiª u ® Ò Ò 4 < 5> 5 T > iªu i ®Ò ® 5 < 5 /H < 5> 5 > Ti T ªu ª ® u Ò ® Ò 5 < 6> 6 T > iª i u ª u ®Ò ® 6 < 6 / < H6 / > > Ti T ª i u ª ® Ò ® Ò 6
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 .C¸ c C¸ Ta T g t rong t phÇ h n n t h t © h n © n t µ t i µ i liÖ u liÖ c. c .Ta g Ta g bl b e l
+ §Ó m« t¶ b¶ng ta dïng tag

vµ .
+ Mçi hµng trong b¶ng ®ưîc x¸c ®Þnh b»ng cÆp tag
vµ , mçi « cña b¶ng ®ưîc x¸c ®Þnh b»ng cÆp tag vµ hoặc và .
+ Muèn x¸c ®Þnh tiªu ®Ò cña b¶ng ta s ö dông tag vµ + Ngoµi ra cã thÓ s ö dông c¸ c thuéc tÝnh HEIGHT,
WIDTH, BORDER ®Ó thay ®æi ®é cao, ®é réng, vµ ®ưêng viÒn cña b¶ng
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 .C ¸ C c ¸ c T a T g a g t r t o r n o g n g p h p Ç h n Ç n t h t © h n © n tµ t i µ i l i l Ö i u c. Tag Table VÝ d : ô
C P A T P I T O I N O > N V > Ý V Ý dô d ô vÒ c¸ch ch t¹o t¹o b¶n b g ¶n g C A C P A T P I T O I N O > N R ST H T >ST T T H T > H N H é >N i é i dun u gg H T > H R> R R 1 D >1 T D T > D N D é >N i é i du d n u g « th ø th ø 2 2 h µn h g µn 2< 2 /T / D T > D R> R R 2 D >2 T D T > D N D é >N i é i du d n u g « th ø th ø 2 2 h µn h g µn 3< 3 /T / D T > D R> R R 3 D >3 T D T > D N D é >N i é i du d n u g « th ø th ø 2 2 h µn h g µn 4< 4 /T / D T > D < T / R T AB A L B E L > E
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 C¸ . c c Ta T g a t r t on r g on g p h p Ç h n Ç n t h t © h n © n t µ t i µ i l i l Öu i d. d T a T g a g F or F m + BiÓu mÉu cho phÐp t
a tËp hîp c¸c kiÓu d÷ liÖu tõ trang
web vµ göi lªn Server xö l
ý th«ng qua c¸c trưêng nhËp liÖu
như Textbox, c¸c nót ®iÒu khiÓn như Check box, Radio button, vµ Command button,... TÊt c¶ c¸
c trưêng nµy ®Òu ph¶i n»m gi÷a cÆp tag vµ
Mét Form d÷ liÖu cã c¸c thuéc tÝnh sau:
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 C¸c . Tag tr Tag t o r ng o ng p h p Ç h n Ç th©n t t h©n µ t i µ i liÖu d. d Tag Fo rm r Th T u h éc u tÝ t n Ý h n h Chø Ch c ø năng n NA N M A E M = E " = f " or o m r _ m n _ a n m a e m " e " Tª T n ª c ñ c a ñ Fo F r o m r AC A T C I T O I N O = N " = U " R U L R _ L e _ x e e x c e ute c " " Ch C Ø h Ø ®Þ ® n Þ h n tª t n ª n cña c mé m t é t fi f l i e l e tr t ª r n n Se S r e v r e v r e , r mµ m µ m ch c o h o ph p Ð h p p xö x ö lý l d ữ l i l Ö i u tõ t õ F o F r o m r m n µ n y µ y gö g i ö i lª l n ª . . ME M T E H T O H D O = D " = P " O P S O T S / T G / E G T E " T " X¸ X c ¸ c ®Þ ® n Þ h n h ph p ư¬n ¬ g n g th t øc h øc mµ m µ Br B o r w o s w e s r e r sÏ s gö g i ö i dữ li l Ö i u Ö u lª l n ª n Se S r e v r e v r e . r . Gi G ¸ i ¸ tr t Þ r Þ PO P ST S T dïn d g ïn g ®Ó ® gö g i ö i dữ li l Ö i u Ö , ,G E G T E T dïng n g ®Ó ® Ó lÊ l y Ê y d ữ li l Ö i u Ö u tõ t S e S r e v r e v r e .
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 C¸ C c ¸ c Tag a t r t on r g on ph p Ç h n n t h t © h n © tµi µ li l Ö i u Ö d. d T a T g a g F or F m
Trong Form cã thÓ bao gåm nhiÒu trưêng d÷ liÖu,
mçi trưêng d÷ liÖu ®Òu ®ưîc m « t ¶ b»ng mét t õ kho¸ INPUT
vµ cã 3 thuéc tÝnh : TYPE, NAME, vµ VALUE. + Type : dïng ®Ó x¸
c ®Þnh kiÓu trưêng d÷ liÖu (như text box, check box,...) ,
+ Name : dïng ®Ó x¸c ®Þnh tªn cña trưêng
+ Value : dïng ®Ó x¸c ®Þnh gi¸ trÞ cña trưêng ®ã. VÝ dô:
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 C¸c . Tag tr Tag t o r ng o ng p h p Ç h n Ç th©n t t h©n µ t i µ i liÖu d. d Tag Fo rm r Text Box
Cho phÐp nhËp dữ liÖu chØ trªn mét hµng Password box
Dïng ®Ó nhËp mËt khÈu, khi
sö dông trưêng nµy dữ liÖu nhËp vµo s Ï ®î c hiÓn thÞ b»ng c¸c dÊu * Hidden box
Dïng ®Ó x¸c ®Þnh mét sè gi¸ trÞ bæ sung cho viÖc xö l ý cña
chư¬ng trinh mµ kh«ng cÇn hiÓn thÞ chóng. Check box
Lùa chän nhiÒu gi¸ trÞ mét lóc
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML d. Tag F Ra R d a i d o o b u b t u t t o t n o n
Lùa chän mét trong nhiÒu gi¸ trÞ Te T x e t t w i w n i d n o d w o w ...
Cho phÐp nhËp dữ liÖu trªn nhiÒu hµng Fi F l i e l e Më cöa s æ liÖt k ª c¸c file vµ thư
môc trªn m¸y tÝnh ®Ó chän file Se S l e e l c e t t b o b x o x
Cho phÐp chän 1 ®Ò môc thÝch
hîp trong danh s¸ch ®æ xuèng cña ĐÒ môc chän lùa c¸c ®Ò môc ........ Bu B tt t o t n o n Göi s è liÖu lª n Server (nÕu TYPE="Submit/Reset/Button">
Type="Submit"), hoÆc trả vÒ gi¸
trÞ ngÇm ®Þnh cña c¸c trưêng trªn
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML d. Tag F
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 C¸ . c c Ta T g a t r t on r g on g p h p Ç h n Ç n t h t © h n © n t µ t i µ i l i l Öu i e. T a T g a g F r F a r me m
Môc ®Ých cña Frame lµ nh»m chia cöa sæ tr×nh duyÖt
ra lµm hai hay nhiÒu vïng nhá h¬n, ®Ó khi ®ã cã thÓ t¶i c¸ c
tµi liÖu HTML kh¸c nhau vµo trong mçi vïng gióp ngưêi s ö
dông cã thÓ theo dâi nhiÒu trang web ®ång thêi.
Mçi vïng nhá gäi lµ một Frame, tËp hîp c¸c vïng nµy gäi lµ Frameset. §Ó t¹o c¸c Frame s ö dông cÆp tag v µ
, cÆp tag nµy cã hai thuéc tÝnh c¬ b¶n l µ ROWS v µ COLS dïng ®Ó m« t ¶ s è hµng vµ s è cét cÇn chia thµnh Frame.
CHƯƠNG 2 : NGÔN NGỮ HTML
II. CÁC TAG CƠ BẢN CỦA HTML 2. 2 .C ¸ C c ¸ Tag t Tag r t o r ng o p h p Ç h n Ç th t ©n © n t µ t i i l i l Ö i u Ö e. e T ag T F ram F e VÝ dô:
+ §o¹n m· trªn chia cöa sæ r
a lµm hai cét, cét thø nhÊt réng 150 pixel, cét thø hai l
µ kho¶ng trèng cßn l¹i cña cöa s . æ
+ Trong cÆp tag cßn chøa c¸c tag
dïng ®Ó x¸c ®Þnh c¸c trang web sÏ ®ưî c hiÓn thÞ trong mçi Frame khi Frameset ®ưî c n¹p lª n lÇn ®Çu tiªn.
+ Mçi Frame cã thuéc tÝnh NAME dïng ®Æt tªn cho Frame ®ã,
®ång thêi lµm ®Ých ®Ó c¸c trang web kh¸c nh¶y ®Õn frame ®ã