Professional Documents
Culture Documents
K nng c bn
1.1 HTML l g?
HTML (Hyper Text Markup Language - Ngn ng nh du siu vn !n" #$ %&t
s' (nh d)ng * + ,h+ tr-nh duy.t /e (/e r+0ser" i1t ,,h * hi*n th(
%&t trang /e2
3, trang /e th', ra khng ,4 g- kh, ng+$i vn !n ,5ng v6i ,, th7 (tag"
HTML 89, s:p x1p ;ng ,,h h+<, ,, +)n %= * tr-nh duy.t /e i1t ,,h
* thng d(,h v$ hi*n th( ,h;ng #n trn %$n h-nh2
1.2 Cu trc c! "#t $%l& HTML
1.2.1. Th (tag) HTML l g.
>hi tr-nh duy.t /e ?, %&t @i#e HTMLA n4 sB t-% tr+ng @i#e 4 ,, tag hay nhng
+)n %= <, i.t * i1t ,,h hi*n th( @i#e HTML 42
CD dEF >hi tr+ng @i#e HTML ,4 +)n
GhHI 3u tr;, ,Ja @i#e HTML GKhHI
th- sB hi*n th( +)n L3u tr;, ,Ja @i#e HTMLL #n trn %$n h-nh v6i %M, & tiu
N thM, H (sB n4i kO P phQn sau"2
3, tag HTML + ,h+ tr-nh duy.t i1t ,,h khi n$+ th- in R% %&t dSng vn
!nA in nghingA i1n dSng vn !n th$nh %&t siu #in k1t t6i ,, trang /e
kh,A hi*n th( !nh222
Tr+ng vD dE trn ta thy sau tag GhHI v$ +)n vn !n #$ tag GKhHI2 Tr+ng tag
GKhHI ta thy ,4 du K A du K nT% tr+ng U tag + hi.u ,h+ tr-nh duy.t i1t #$
hi.u Mng ,Ja tag 4 = k1t th;,2
'h( )*+ )%,c -. /0ng "#t t!g HTML nh( -!u1
Gtn tagI v5ng vn !n ,h(u t, &ng GKtn tagI2
Ch F Tr-nh duy.t khng Vuan tW% tn tag #$ ,h h+a hay ,h th8Xng nn vi.,
vi1t GhHI v$ GHHI #$ nh8 nhau2
1.2.2. Cu trc ca mt file HTML.
Yi#e HTML a+ giX ,Zng :t Qu Tng th7 Ght%#I v$ k1t th;, Tng th7 GKht%#I2
3<p th7 n$y + ,h+ tr-nh duy.t /e i1t rTng n4 ang ?, %&t @i#e ,4 ,hMa ,,
%= HTMLA ,Sn th7 GKht%#I ,4 t, dEng nh8 k1t th;, @i#e HTML2
[n tr+ng ,<p th7 Ght%#I 222 GKht%#I #$ ,, ,<p th7 GheadI 222 GKheadI v$
G+dyI 222 GK+dyI #$ phQn thWnA t)i Wy )n ,4 th* nhRp v$+ ,, +)n vn !n
,5ng ,, th7 kh, Vuy (nh vN (nh d)ng ,Ja trang2
Ng+$i ra * ghi ,h; thD,hA ti.n ,h+ vi., xe% tag HTML h+<, ,Rp nhRt %&t trang
/eA ta ,Qn <t ,h; thD,h v$+ gia G\-- v$ --I2
T2" l3% cu trc c bn c! "#t $%l& HTML l
Ght%#I
GheadI
Gtit#eI Tn trang GKtit#eI
GKheadI
G+dyI
22222
G\-- Cn !n v$ ,, th7 HTML --I
22222
GK+dyI
GKht%#I2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
2. T34 $%l& HTML 5u t%6n.
_au khi = ?, phQn trnA )n = i1t th1 n$+ #$ th7 HTML v$ ,u tr;, ,hung ,Ja
%&t @i#e HTML2 _au Wy ,h;ng ta sB ,5ng t)+ ra @i#e HTML Qu tin2
U2 MP N+tepad ,Ja /ind+0s hay t kb %&t tr-nh s+)n th!+ vn !n n$+ ,4 th*
t)+ ra nhng vn !n trcn (p#ain text"2 N1u )n d5ng Mi,r+s+@t /+rd th- ph!i #8u
tr P d)ng ^_3dd2
e2 [)n h=y nhRp nhng dSng vn !n sau
Ght%#I
GheadI
Gtit#eI3hWn trXi tri thM, - dnternet t+day GKtit#eI
GKheadI
G+dyI
3h$+ %fng )n = tha% gia ,huyn %E, 3hWn trXi tri thM, ,Ja t)p ,hD 3ng
ngh. Thng tin dnternet T+day2 Tr+ng phQn n$y )n sB 89, h?, nhng ki1n
thM, ,c !n vN HTMLA ,ng ,E * t)+ ra ,, trang /e2 _au khi = h?, x+ng vN
HTML )n ,4 th* t)+ ra nhng trang /e Qy n t89ng v6i vn !nA h-nh !nhA
W% thanh222
GK+dyI
GKht%#I
H2 L8u @i#e v6i phQn %P r&ng #$ ht%2 CD dE [aiU2ht%2
L(u 7F [)n nn t)+ %&t Y+#der ring * ,hMa ,, tRp tin %$ )n sB t)+ ra tr+ng
sugt thXi gian h?, HTML2
h2 >hPi &ng d` h+<, Nes,ape2 3h?n Yi#e K ipen2 _j dEng h&p th+)i * %P @i#e
HTML )n vfa t)+2
k2 [)n sB nh-n thy trn tranh tiu N ,Ja tr-nh duy.t #$ dSng ,h L3hWn trXi tri
thM, - dnternet t+dayL v$ tr+ng trang d86i #$ L3h$+ %fng )n = tha% gia
,huyn %E, 3hWn trXi tri thM, ,Ja t)p ,hD 3ng ngh. Thng tin dnternet T+day2
Tr+ng phQn n$y )n sB 89, h?, nhng ki1n thM, ,c !n vN HTMLA ,ng ,E *
t)+ ra ,, trang /e2 _au khi = h?, x+ng vN HTML )n ,4 th* t)+ ra nhng
trang /e Qy n t89ng v6i vn !nA h-nh !nhA W% thanh222L %$ )n = vi1t
tr+ng phQn +dy
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
8. H%9n th: )n bn ; /3ng 5*"< ngh%6ng< g3ch ch=n...
.1.!i h"c
>hi tr-nh $y %&t trang /eA ,4 #;, ,Qn nhn %)nhA hay * t)+ s' kh, i.tA )n
,Qn ph!i hi*n th( vn !n P ,, d)ng R%A nghingA g),h ,hWn222 HTML ,4 ,,
tag (nh d)ng ki*u ,h * gi;p )n2
HTML #$t %u&
GuIlWy #$ tag g),h ,hWnGKuI lWy #$ tag g),h ,hWn
GiIlWy #$ tag nghing GKiI y l tag nghing
GttIlWy #$ tag ,h nh %yGKttI lWy #$ tag ,h nh %y
GIlWy #$ tag R% GKI '() l tag *+m
Ge%IlWy #$ tag GKe%I y l tag Strong
Gstr+ngIlWy #$ tag str+ngGKstr+ngI '() l tag ,tr-.g
GstrikeIlWy #$ tag str+ngGKstrikeI lWy #$ tag strike#ine
[)n ,4 th* k1t h9p ,, tag n$y v6i nhauA %imn #$ ,h;ng 89, #nng v$+ nhau %&t
,,h ,hDnh x,2 CD dEF
GI GiI 2222 GKiI GKI
Tag in nghing ph!i nT% tr+ng tag in R%2
Hcn na )n ,4 th* p dEng ,, tag v6i tiu N
GheI GiI 2222 GKiI GheI
.2.Th/c h.h
p dEng v$+ @i#e HTML ,Ja )n2
U2 T)+ %&t @i#e HTML %6i
e2 Th% ,, tag (nh d)ng ki*u ,h2 L;, n$y @i#e HTML ,Ja )n tr+ng phQn
+dy ,4 d)ng nh8 sau2
GhHIGIGiI3h; o khi t)+ @i#e HTMLGKiIGKIGKhHI
N1u )n d5ng ,, ,h8cng tr-nh s+)n th!+ vn !nGIGuI kh, N+te]ad ,Ja
/ind+0s GKuIGKIth- )n ph!i nh6 #8u k1t Vu! P d)ng vn !n trcn (^_3dd"
H2 L8u ,ng vi., ,Ja )n2
h2 p5ng tr-nh duy.t %P v$ s+ snh v6i vD dE %qu2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
>. ?@u "Ac t%6u 5B
0.1. !i h"c
>hi tr-nh $y %&t trang /eA i khi )n ph!i ,Qn 1n ,, tiu N the+ ,, kD,h
,rA phng ,h kh, nhau2 HTML ,4 ,, tag * th', hi.n vi., n$y2
l* t)+ %&t tiu N ,h;ng ta d5ng
GhxI Tn tiu N GhxI
Tr+ng 4 x #$ %&t sg ,4 gi tr( tf U 1n s ,ht kD,h ,r tiu N2 _au Wy #$ vD dE ,h+
,, ,r ,Ja tiu N2
Ti1u *2 c3 1 4566 H1 c3 7 668
Ti1u *2 c3 2
Ti1u *2 c3
Ti1u *2 c3 0
Ti1u *2 c3 9
Ti1u *2 c3 7.
0.2.Th/c h.h
Th6" c@c t%6u 5B )4 tr!ng C&b c! b3n.
U2 MP #)i @i#e HTML %$ )n = t)+ ra P $i h?, tr86, Tng tr-nh s+)n th!+ vn
!n %$ )n = d5ng * t)+ ra n42
e2 Th% +)n sau v$+ @i#e HTML2 [)n ,Qn #8u o +)n th% v$+ ph!i nT% gia
G+dyI v$ GK+dyI
GhUIu6i thi.u ,hungGKhUI
v$+ tr86, +)n L3h$+ %fng )n = tha% gia ,huyn %E, 3hWn trXi tri thM, ,Ja
t)p ,hD 3ng ngh. Thng tin dnternet T+day2 Tr+ng phQn n$y )n sB 89, h?,
nhng ki1n thM, ,c !n vN HTMLA ,ng ,E * t)+ ra ,, trang /e2 _au khi =
h?, x+ng vN HTML )n ,4 th* t)+ ra nhng trang /e Qy n t89ng v6i vn
!nA h-nh !nhA W% thanh222
H2 L8u ,ng vi., )n vfa #$%2
h2 p5ng tr-nh duy.t /e * %P @i#e HTML )n vfa t)+ v$ s+ snh v6i vD dE %quA
n1u )n thy kh, )n ,4 th* ph!i xe% #)i nhng g- %-nh = t)+ tr+ng @i#e HTML2
k2 3hia vn !n th$nh nhiNu +)n
Tr86, h1t )n #)i %P @i#e HTML %$ )n = t)+ tf ,, $i h?, tr86, Tng tr-nh
s+)n th!+ vn !nA thay v- * vn !n nh8 ,ZA Wy giX P ,ugi %vi dSng )n ,4
th* gw `nter v$i #QnA khi 4 +)n vn !n ,Ja )n trng ,4 v7 nh8 sau F
3h$+ %fng )n = tha% gia ,huyn %E, 3hWn trXi tri thM, ,Ja t)p ,hD 3ng
ngh. Thng tin dnternet T+day2 Tr+ng phQn n$y )n sB 89, h?, nhng ki1n
thM, ,c !n vN HTMLA ,ng ,E * t)+ ra ,, trang /e2 _au khi = h?, x+ng vN
HTML )n ,4 th* t)+ ra nhng trang /e Qy n t89ng v6i vn !nA h-nh !nhA
W% thanh222
L8u ,ng vi., )n vfa #$% v$ %P n4 trn tr-nh duy.t ,Ja )n2 >hi 4 )n sB
trng thy k1t Vu! trn tr-nh duy.t nh8 sau F
[)n ,!% thy ,4 iNu g- khng ;ng ph!i khngx [Pi v- HTML y Vua du hi.u
xugng dSng khi )n gw `nter v$ y Vua ,, dSng trgng nn )n thy +)n vn
!n %$ )n vfa nhRp d5 ,4 `nter * xugng dSng nh8ng vqn #iNn v6i nhau2
l* ,hia +)n HTML d5ng tag GpI
3Zng #8u o rTng tag GhxI g:n #iNn v6i s' ,hia +)n nn )n khng ,Qn ph!i <t
GpI tr86, GhxI2
ChDn c@c /u ch%! 543n )4 $%l& HTML c! b3n.
U2 p'ng tr-nh s+)n th!+ vn !n * %P ti#e HTML %$ )n = t)+ tf tr86,2
e2 3h;ng ta th% +)n %6i v$+ vn !nA sau +)n Qu
T)p ,hD dnternet T+day #$ %&t t)p ,hD i.n tj ,huyn vN 3ng ngh. thng tin2
3h;ng ti sB gi;p ,, )n t-% hi*u v$ kh% ph nhng D zn ,Ja HTML * )n
,4 th* t' t)+ ra ,, trang /e ,h+ ring %-nh
H2 l8a ,+n try s+)n th!+ 1n ,ugi +)n QuA th% tag GpI2 L;, n$y +)n vn
!n trng gigng nh8 sau2
3h$+ %fng )n = tha% gia ,huyn %E, 3hWn trXi tri thM, ,Ja t)p ,hD 3ng
ngh. Thng tin dnternet T+day2 Tr+ng phQn n$y )n sB 89, h?, nhng ki1n
thM, ,c !n vN HTMLA ,ng ,E * t)+ ra ,, trang /e2 _au khi = h?, x+ng vN
HTML )n ,4 th* t)+ ra nhng trang /e Qy n t89ng v6i vn !nA h-nh !nhA
W% thanh222
GpI
T)p ,hD dnternet T+day #$ %&t t)p ,hD i.n tj ,huyn vN 3ng ngh. thng tin2
3h;ng ti sB gi;p ,, )n t-% hi*u v$ kh% ph nhng D zn ,Ja HTML * )n
,4 th* t' t)+ ra ,, trang /e ,h+ ring %-nh
h2 L8u #)i ,ng vi., ,Ja )n2
k2 p5ng tr-nh duy.t %P #)i @i#e HTML ,Ja )n v$ s+ snh v6i vD dE %qu2
Nh8 )n thyA ,, +)n vn !n = 89, t,h nhau d+ t, dEng ,Ja tag GpI
Th6" "#t -E t!g Fh=n 543n
GhrI 3h{n %&t 8Xng th|ng v$+ trang /e ,Ja )nA tag n$y th8Xng d5ng *
,hia nhng phQn ,hDnh ,Ja trang /e2
GrI lzy vn !n xugng %&t dSng %6iA tag n$y kh, tag GpI P ,hv n4 khng
,h{n th% v$+ trang ,Ja )n %&t dSng trgng nh8 tag GpI2 [)n ,4 th* sj dEng
tag n$y khi t)+ %&t danh s,hA vi1t ,, dSng ,Ja %&t $i thc2
CD dE F N1u tr+ng @i#e HTML ,4 +)n sau gia tagG+dyI v$ GK+dyI
GhrI
3Wu #), & Tin h?, CNNUGrI
3Wu #), & Cn h+ CNNHGrI
T)p ,hD dnternet T+dayGrI
GhrI
Th- k1t Vu! nh8 sau F
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
G. Pr&$4r"!tl&/ t&Ht
9.1.!i h"c
]hQn n$y tr-nh $y vN ,,h hi*n th( ,, +)n vn tr+ng 4 ,4 ,! ,, kh+!ng
tr:ng v$ du xugng dSng2
Nh8 )n = i1t tr+ng ,, phQn tr86,A tr-nh duy.t y Vua ,, dSng tr:ngA du
hi.u xugng dSng khi ta s+)n th!+2 Tuy nhin )n vqn ,4 th* hi*n th( 89, vn
!n nh8 #;, )n nhRp v$+ Tng ,,h sj dEng tag GpreI
CD dE
GpreI
>hi )n %ugn tr-nh duy.t /e hi*n th( ;ng nh8 )n s+)n th!+A )n nh6 d5ng
tag GpreI
[)n ,4 th* xugng dSng2
[)n ,4 th* d5ng du ,,h th+!i %i2222
GKpreI
_B 89, hi*n th( nh8 sauF
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
I. Th6" "#t J%9u trnh b+ ch4 tr!ng C&b c! b3n
7.1.!i h"c
l* #$% ,h+ %&t khgi vn !n n}i hcnA vD dE %&t +)n trD,h dqnA %&t #Xi khuyn222
v$ #$% ,h+ trang /e ,Ja )n tr-nh $y 89, ~p hcnA ,h;ng ta sj dEng tag
G#+,kVu+teI
l+)n vn !n nT% tr+ng ,<p tag G#+,kVu+teI v$ GK+,kVu+teI sB 89, tr-nh
$y thEt v$+ s+ v6i phQn thWn vn !n2
CD dE * nh-n thy +)n vn !n nh8 sauF
[)n ph!i vi1t nh8 sauF
>hi ,Qn tr-nh $y %&t +)n vn !n #5i sWu v$+ n tr+ng s+ v6i t+$n & vn !n
* +)n vn !n 89, n}i Rt hcnA vD dE )n ,Qn hi*n th( %&t ,h; oA khi 4 )n
h=y d5ng tag #t#+,kVu+te gt
G#+,kVu+teI
GhrI
Tr-nh $y +)n vn !n Tng tag #t#+,kVu+te gt sB #$% ,h+ +)n vn !n
,Ja )n n}i Rt hcnA v$ trang /e ,Ja )n trng ,Zng sB ,huyn nghi.p hcn2
[)n h=y thj xe%
GKhrI
GK#+,kVu+teI
7.2.Th/c h.h
C6i nhng ki1n thM, = h?, 89,A )n h=y xWy d'ng ,h+ %-nh %&t trang /e
,h|ng h)n nh8 %&t trang /e h86ng dqn h?, ti1ng ^nh v6i ,, h-nh !nhA siu
#in k1t v$ ,, ghi ,h; d5ng tag G#+,kVu+teI
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
K. ?. /0ng c@c J7 tL 5Mc b%,t
:.1.!i h"c
li khi tr+ng trang /e ,Ja )n ,4 ,, ko t' <, i.tA ,h|ng h)n nh8 ko t'
khng ph!i #$ ti1ng ^nhA %&t du nhn222 HTML Vuy (nh vi., hi*n th( ,, ko t'
4 nh8 sau
tr+ng 4 #$ tn %= ,h+ ,, ko t' <, i.t 42 [)n ,4 th* xe% panh s,h
,, ko t' <, i.t n$y * i1t th% ,hi ti1t2
CD dE n1u tr+ng phQn +dy ,4 +)n nh8 sauF
Ghe a#ign,enterIgtgtgt^`#ignti#deTHiN+a,utes#igyu%#
GKheI
Th- k1t Vu! trn tr-nh duy.t #$F
Tr+ng trang /e ,Ja )n nhiNu #;, ph!i hi*n th( ,, ko t' nh8 du #6n hcn (I"
h+<, du nhy hcn (G"A du v$ ("222A %$ ,, ko t' n$y tr5ng v6i ko hi.u ,Ja %&t
tag2 l* hi*n th( ,, ko t' n$yA HTML ,ung ,p ,h+ ta ,, ko hi.u thay th1 nh8
sauF
#t thay ,h+ G
gt thay ,h+ I
a%p thay ,h+
CD dEF l* hi*n th( I h ta vi1t nh8 sauF
gt h
ua ,, $i h?, tr86, )n = i1t rTng tr-nh duy.t /e y Vua tt ,! ,,
kh+!ng tr:ng tr+ng @i#e HTML2 Tuy nhin * tr-nh $y trang /e ,h+ ~pA )n
%ugn ,h{n kh+!ng tr:ng v$+ tr+ng trang /eA vD dE )n %ugn %&t kh+!ng tr:ng
sau du ,h% ,Wu hay sau du ph!yA ,h{n kh+!ng tr:ng v$+ Qu %vi +)n vn
!n222 Mugn ,h{n kh+!ng tr:ng ta d5ng ko hi.u
nsp
Ng+$i ,, ko hi.u = % t! P trnA HTML ,Sn ,ung ,p th% ,h+ ,h;ng ta %&t
sg ko hi.u <, i.t naA 4 #$F
,+py thay ,h+ W
reg thay ,h+
CD dE
:.2. Th/c h.h
U2T)+ %&t @i#e HTML sau 4 th% phQn sau v$+ tr+ng phQn +dy
HTML ,4 th* hi*n th( 89, ,, ko t' <, i.t nh8F
Gu#I
G#iI3, kot'#atinFgtgtgt^`#ignti#deTHiN+a,utes#igyu%#
G#iI3, du #6n hcnA nhy hcnA du v$ F gtnsp#tnspa%p
G#iI3, du 3+pyright v$ Trade%ark F ,+pynspreg
GKu#I
e2L8u ,ng vi., ,Ja )n v$ s+ snh v6i vD dE %quF
Ch 71 l* hi*n th( ;ng ,, du 3+pyright v$ Trade%ark n1u )n d5ng @+nt
Ti1ng Ci.t th- )n ph!i }i ,, du sang @+nt Ti1ng ^nh2
3ugi ,5ng ,h;ng ti 8a ra %&t !ng ,, ko t'A )n h=y 3#i,k v$+ Wy * xe%
!ng2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
N. O(! hnh nh )4 "#t tr!ng C&b
;.1.!i h"c
_au khi h?, ,, $i tr86, ,h:, )n vqn ,Sn th:, %:,A sa+ trang /e ,Ja %-nh
xu t.A khng gigng ,, trang trn dnternet %$ )n = tfng xe% Vua2
[-nh tnh i )n )A _au khi h?, $i n$yA )n sB ,4 th* 8a h-nh !nh v$+ trang
/e ,Ja %-nh v$ )n sB ,!% thy trang /e ,Ja %-nh ,Zng thRt hp dqn2
l* <t %&t h-nh !nh v$+ tr+ng trang /e ,Ja %-nh )n d5ng tag sau
Gi%g sr, LTn !nhLI
Tr+ng 4 LTn !nhL #$ tn ,Ja %&t @i#e !nh P ,5ng @+#der v6i @i#e HTML ,Ja )n2
CD dE F l* ,h{n %&t !nh ,4 tn #$ anhU2pg ta #$% nh8 sau
Gi%g sr, LanhU2pgLI
tag Gi%g222I ,Sn ,4 th* ,4 th% ,, thu&, tDnh * hi*n th( vn !n s+ v6i h-nh
!nh2 Thu&, tDnh a#ign v6i ,, gi tr( kh, nhau sB ,h+ ta ,, hi.u Mng nh8 sau2
U2 a#ign t+p
e2 a#ign %idd#e
H2 a#ign +tt+%
CD dE
Ng+$i ra thu&, tDnh n$y ,Sn ,4 %&t sg gi tr( kh, nh8F TextTopA AbsMiddleA
AbsBottom v$ Baseline2 3, )n h=y t-% hi*u th% Vua $i th', h$nh2
;.2.Th/c h.h
Tr86, khi 8a h-nh !nh v$+ tr+ng trang /e ,Ja )n %Xi )n d+0n#+ad %&t sg
h-nh !nh * #$% vD dE
U T)+ %&t @i#e HTML %6i v$ sj dEng ,, tag * th% !nh v$+ tr+ng trang /e
e2Thj th% ,, thu&, tDnh a#ign v$+ tr+ng tag i%g v$ s+ snh v6i k1t Vu! ,Ja
$i h?,
;..Th1m mt <= thuc t>.h ca tag 4img...8
1. Thu#c tPnh !lt Q R R.
>hi trang /e ,Ja )n 89, xe% Tng tr-nh duy.t %$ ng8Xi sj dEng t:t vi.,
tr-nh $y h-nh !nh * ti1t ki.% thXi gian d+0n#+adA thu&, tDnh a#t LL ,h+ php
thay th1 v$+ v( trD h-nh !nh %&t ,huvi vn !n % t! n42
CD dE
Gi%g sr, L22K]i,turesKp+0#+ad2pgL a#ign t+p a#t Lp+0n#+ad _+@t0areLI
3E% tf p+0n#+ad _+@t0are = thay th1 ,h+ h-nh !nh2
2. Thu#c tPnh ch%Bu c!4 ) ch%Bu r#ng.
l* ,h+ trang /e ,Ja )n 89, n)p nhanh hcnA )n nn 8a kD,h th86, ,Ja
!nh (tDnh Tng pixe#" v$+ tag Gi%gI2 3,h sj dEng ,, thu&, tDnh n$y #$F
Gi%g sr, LL 0idth xA height yI
xAy #$ ,hiNu r&ng v$ ,hiNu ,a+ ,Ja !nh2
8. Thu#c tPnh t34 )Sng Tu!nh nh.
Thu&, tDnh n$y #$% ,h+ kh+!ng ,,h gia M, !nh v$ ,, +)n vn !n 89,
thng th+ngA dm nh-n v$ ~p %:t hcn2 Hai thu&, tDnh ,4 tn #$ H_]^3` v$
C_]^3`F
Gi%g sr, LL hspa,e xA vspa,e yI
x #$ kh+!ng ,,h v5ng trgng P hai %<t tri v$ ph!i ,Ja M, !nh2
y #$ kh+!ng ,,h v5ng trgng trn tnh v$ y ,Ja M, !nh2
[)n sB 89, h?, kO hcn P $i h?, #Qn sau2
lgi v6i ,, thu&, tDnh n$yA n1u khng 8a th% v$+ t$ i%g th- tr-nh duy.t t'
&ng tDnh ,h;ng tr86, khi hi*n th(2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
U. Cn chVnh lB
?.1.!i h"c
U.1.!.?WF HXF )n bn )4 g%Y! tr!ng
Tr+ng ,, $i h?, tr86,A )n thy rTng trang /e ,Ja )n ,ht 89, ,n #N
n triA v$ )n %ugn tr-nh $y trang /e ,Ja %-nh ~p hcn Tng ,,h s:p
x1p ,, +)n vn !n v$+ gia trangA HTML ,4 nhiNu ,,h gi;p )n th', hi.n
iNu n$y2
3,h thM nhtF [)n <t +)n vn !n ,Qn s:p x1p v$+ gia trang nT% gia tag
G,enterI v$ GK,enterI
CD dEF
G,enterI in ,hu, %ung an GK,enterI
sB ,h+ k1t Vu! nh8 sauF
3,h thM eF l<t thu&, tDnh a#ign ,Ja tag GpI ,4 gi tr( #$ ,enter
CD dEF
Gp a#ign L,enterLI in ,hu, %ung an GpI
U.1.b.?WF HXF t(ng 5E% g%Y! )n bn ) hnh nh
>hi %ugn ,4 vn !n phJ xung Vuanh h-nh !nhA )n ,ht vi., th% thu&, tDnh
a#ign v$+ tag Gi%gI
CD dEF
Gi%g sr, L@i#ena%eL a#ign LrightLI
sB ,h+ k1t Vu!F
s+ v6i khng ,4 thu&, tDnh a#ignF
>hi vn !n h+<, nhng %E, kh, 89, s:p ,5ng v6i h-nh !nh kh ng:n v$ )n
%ugn zy vn !n k1 ti1p xugng n d86i h-nh !nhA )n h=y sj dEng tag GrI
v6i thu&, tDnh ,#earF
Gr ,#ear #e@tI
Gr ,#ear rightI
Gr ,#ear a##I
tag GrI v6i thu&, tDnh ,#ear sB x+ i tt ,! ,,h s:p x1p ,4 tr+ng tag Gi%gI
CD dEF
>hi ,h8a ,4 tag Gr ,#ear I
>hi ,4 th% tag Gr ,#ear a##I
>hi ,Qn tr-nh $y vn !n phJ Vuanh h-nh !nh v6i %&t kh+!ng ,,h nht (nh ta
d5ng th% ,, thu&, tDnh vspa,e v$ hspa,e tr+ng tag Gi%gI2 Tr+ng 4 vspa,e #$
kh+!ng ,,h gia n trn hay n d86i ,Ja h-nh !nh v$ vn !n ,Sn spa,e #$
kh+!ng ,,h gia n ph!i hay n tri ,Ja h-nh !nh v$ vn !n2
CD dEF
Gi%g sr, LanhU2pgL a#ign #e@t vspa,e U hspa,e eI
_+ v6i khi khng ,4 ,, thu&, tDnh vspa,e v$ hspa,e
U.1.c. ChVnh lB ) -WF HXF )n bn
Ng+$i ,, ,,h s:p x1p vn !n %$ )n = i1tA HTML ,Sn ,h+ ,h;ng ta th%
%&t tag ,n ,htnh vn !n naA 4 #$ GdivI 222 GKdivI2 C5ng vn !n ,h(u !nh
h8Png ,Ja tag n$y d'a v$+ thu&, tDnh a#ign2
Gdiv a#ign #e@tI 222 GKdivI
Gdiv a#ign rightI 222 GKdivI
Gdiv a#ign ,enterI 222 GKdivI
?.2. Th/c h.h
[Wy giX )n h=y t)+ %&t trang /e hi*n th( %&t tin n$+ 4A nh8 ,, trang tin ,Ja
CNN ,h|ng h)nA tr+ng 4 ,4 sj dEng ,, h-nh !nh %inh h+) ,h+ tin2 u ,Qu sj
dEng thu&, tDnh vspa,e v$ hspa,e * ,n ,htnh kh+!ng ,,h gia vn !n v$
h-nh !nh ,h+ ~pA sj dEng tagGdivI * ,anh #N ,h+ +)n vn !n2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
1Z. T34 c@c -%6u l%6n JXt
liNu th', s' #$% ,h+ /e n}i tr&i #$ kh! nng t)+ ra ,, %gi #in k1t 1n ,,
thng tin #in Vuan2 Nhng thng tin n$y ,4 th* nT% tr+ng ,hDnh trang /e hay
nT% P ,, trang /e kh, a+ gn% h-nh !nhA W% thanhA +)n phi%222
1@.1. Li1. A$t tBi mt file cCc D.
[Wy giX )n :t Qu t)+ %&t #in k1t tf trang /e ,Ja )n 1n %&t trang /e
thM hai2 Lin k1t n$y 89, g?i #$ ,E, & Pi v- trang /e thM hai ,Zng ,5ng nT%
trn %&t %y v6i trang /e Qu2
l* cn gi!n tr86, h1t )n t)+ %&t @i#e HTML thM hai v$ <t n4 ,5ng @+#der v6i
trang %$ )n = t)+ P ,, $i tr86,2
Mugn t)+ %&t siu #in k1t ta d5ng
Ga hre@ L@i#ena%e2ht%LI Cn !n )i di.n ,h+ %gi #in k1t GKaI
[t ,M +)n vn !n n$+ nT% gia
Ga hre@ L L I v$ GKaI Nu #$ %&t siu vn !n #in k1t t6i ,, trang /e kh, v$
n4 89, g),h d86i2
ThLc hnh
U2T)+ %&t trang /e kh, gi! sj #$ vidu2ht% v$ #8u v$+ ,5ng Y+#der v6i trang
/e ,Ja )n2
e2Tr+ng trang /e %$ )n ,Qn t)+ siu #in k1t t6i )n th% tag t)+ siu #in k1t
nh8 sau F
Ga hre@ Lvidu2ht%LIe% vD dE UGKaI
H2L8u #)i ,ng vi., ,Ja )n v$ %P trn tr-nh duy.t2 >hi 4 )n sB thy +)n vn
!n e% vD dE 89, t)+ th$nh siu #in k1tA n4 89, }i th$nh %$u xanh v$ khi
)n 8a ,hu&t v$+ v5ng vn !n n$y th- ,hu&t ( }i th$nh h-nh $n tay v$ n1u
)n % ,hu&t th- sB 89, 8a t6i trang ,4 tn #$ vidu2ht%
[)n ,Zng ,4 th* #in k1t t6i %&t h-nh !nh Tng ,,h thay tn @i#ena%e2ht% Tng
%&t @i#e !nh2 CD dEF
Ga hre@ L#+g+2gi@LI Text GKaI
T6i Wy ,h:, )n #)i ,4 th:, %:,A %ugn #in k1t t6i th8 %E, kh, h+<, th8 %E,
,a+ hcn th- #$% th1 n$+x l* th', hi.n iNu 4 %Xi )n xe% ti1p phQn sau Wy2
ui! sj ,u tr;, @+#der ,Ja )n ,4 d)ng
|--My Web
| |--Pictures
| | |--i-today.gif
| |--Trang web ca DE. F GH tr> .)
C$ )n %ugn #in k1t t6i d-t+day2gi@A khi 4 trang tag Ga hre@ 22I )n sja #)i nh8
sau
Ga hre@ L]i,turesKi-t+day2gi@LI 222 GKaI
3Sn tr+ng tr8Xng h9p @i#e )n ,Qn t)+ #in k1t ,4 ,u tr;, @+#der ,a+ hcn
CD dEF
I66Jicture<1
|--My Web
| |--Pictures
| | |--i-today.gif
| |--Trang web ca DE. F GH tr> .)
v$ )n ,Qn #in k1t t6i !nh P tr+ng Y+#der ]i,turesU ,4 ,p ,a+ hcn th8 %E,
,hMa trang /e ,Ja )nA khi 4 )n ,Qn sja #)i tag nh8 sauF
Ga hre@ L22Kpi,turesUK22LI GKaI
%vi #Qn xut hi.n L22KL + ,+ ,h+ tr-nh duy.t t-% ki1% P %&t @+#der ,4 ,p ,a+
hcn2
ThLc hnh
[Wy giX )n h=y p dEng ,, ,,h #in k1t t6i @i#e P Y+#der ,5ng ,p v$ ,p ,a+
hcn2 >hi th)+ ,, ,,h #in k1tA khi xWy d'ng trang /e )n ,4 th* * tt ,! ,,
!nh tr+ng ,5ng %&t Y+#der v$ #in k1t t6iA iNu n$y #$% ,h+ vi., thay }iA ,Rp
nhRt trang /e 89, thuRn ti.n hcn2
Th6" "#t cht )B )n 5B -%6u l%6n JXt
l* ,h+ trang /e ,Ja )n ,4 v7 ,huyn nghi.p hcnA Wy giX )n h=y }i tn
th$nh index2ht%2 liNu n$y 89, #o gi!i nh8 sauF
CD dE khi )n v$+ trang d-t+day )n sB gw v$+ dSng (a ,ht ,Ja tr-nh duy.t
httpF KK0002vnn2vnKi-t+dayK
Th', ra khi 4 tr-nh duy.t sB ?, @i#e
httpF KK0002vnn2vnK i-t+dayK index2ht%2
1@.2. Li1. A$t *$. cKc tra.g LeD AhKc tr1. M.ter.et
l* #in k1t t6i %&t trang /e kh, trn dnternet ta d5ng tag sauF
Ga hre@ LLLI Text GKaI
Tr+ng 4 L (ni@+r% es+ur,e L+,at+r" ,h+ i1t (a ,ht %$ )n %ugn #in k1t
t6i2
CD dE vN ,, L
httpFKK0002hut2edu2vn
httpFKK 0002vnn2vn
httpFKK0002vnn2vnKi-t+day
%ai#t+Fhungndav+#2vnn2vn
ThLc hnh
U2T)+ %&t @i#e HTML v$ th% +)n sau v$+ tr+ng phQn +dy
Gu#I
G#iIGa hre@ LhttpFKK0002hut2edu2vnLITr8Xng l)i h?, [,h kh+a H$ n&iGKaI
G#iIGa hre@ LhttpFKK0002vnn2vnKi-t+dayLIT)p ,hD 3ng ngh. Thng tin dnternet
T+dayGKaI
G#iIGa hre@L%ai#t+Fhungndav+#2vnn2vnLIuji th8 ,h+ TrQn Ci.t H5ngGKaI
GKu#I
e2 L8u ,ng vi., ,Ja )nA sau 4 %P tr-nh duy.t v$ s+ snh v6i vD dE2 [)n ,4
th* ki% tra ,, siu #in k1t Tng ,,h di ,hu&t v$+ v5ng vn !n siu #in k1t
v$ xe% thng + P thanh tr)ng thi ,Ja tr-nh duy.tA thanh tr)ng thi sB hi*n th(
L %$ )n sB #in k1t t6i2
1@.. Li1. A$t tBi cKc NhO. tr-.g cP.g mt tra.g
HTML khng nhng ,h+ )n t)+ #in k1t 1n ,, trang /e kh, nT% P ,5ng
%y tDnh v6i trang /e ,Ja )n h+<, trn dnternetA %$ ,Sn ,h+ php )n #in k1t
1n ,, phQn tr+ng ,5ng %&t trang2
l* #in k1t 1n ,, phQn ,Ja %&t trang tr86, h1t )n ph!i <t tn ,h+ phQn ,Qn
#in k1t t6i2 ThJ tE, n$y 89, th', hi.n Pi tag
Ga na%eLLI GKaI
Tr+ng 4 na%e #$ %&t tn d+ )n <t ra
_au 4 n1u )n ,Qn #in k1t t6i phQn = <t tn )n ,ht ,Qn d5ng
Ga hre@ Lna%eLI Text t+ #ink GKaI
T8cng t' khi #in k1t t6i ,, t$i #i.u kh, ta ,4 th* d5ng
Ga hre@ Lv+#U2ht%na%eI Text GKaI
Ga hre@ LLna%eI Text GKaI
CD dE F3#i,k v$+ Wy * vN Qu trang
1@.0. TE- cKc <i1u li1. A$t DQ.g h.h &.h
Nh8 )n vqn th8Xng thy tr+ng ,, trang /eA ,, siu #in k1t khng ,ht #$ ,,
+)n vn !n %$ ,Sn ,! Tng h-nh !nh naA iNu n$y ,$ng #$% ,h+ /e trP
nn hp dqn2 ]hQn n$y gi6i thi.u ,h+ )n ,,h t)+ ,, siu #in k1t Tng h-nh
!nhF
Ci., Qu tin #$ )n ,h?n U !nh nT% ,5ng th8 %E, K@+#der v6i trang /e ,Ja
)nA gi! sj 4 #$ graph2pg2 >hi 4 )n sj dEng ,, Tag nh8 sau
Ga hre@ L@i#e2ht%LI Gi%g ser Lgraph2pgLIGKaI
[)n #8u o #$ tag Gi%g22I nT% gia tag Ga hre@ 222I v$ GKaI
>hi %&t !nh 89, d5ng #$% siu #in k1tA sB ,4 %&t h&p %$u ,4 %$u ,Ja ,,
siu #in k1t a+ Vuanh !nh
L(u 71 Ci., 8a %&t h-nh !nh #6n v$+ tr+ng trang /e #$% ,h+ ng8Xi ?, ph!i
%t thXi gian ,hX t!i v- vRy )n nn sj dEng %&t sg %~+ sauF
U2 l* N phSng ng8Xi ?, tt ,h1 & hi*n th( h-nh !nh ,Ja tr-nh duy.tA )n nn
th% thu&, tDnh a#t L222L v$+ tag Gi%g222I * ng8Xi ?, dm (nh h86ng
e2 >hi ,Qn gi6i thi.u %&t h-nh !nh #6nA )n nn t)+ %&t h-nh !nh thu nhy ,Ja n4
v$ 8a v$+ trang /e #$% siu #in k1t t6i !nh #6nA nh8 th1 r %t thXi gian
d+0n#+ad trang /e ,Ja )nA vD dE )n h=y 3#i,k ,hu&t v$+ !nh sau F
ThLc hnh
[Wy giX )n h=y t)+ %&t @i#e HTML %$ phQn Qu 89, tr-nh $y the+ ki*u %E,
#E,A %vi %E, #in k1t t6i phQn n&i dung t8cng Mng tr+ng ,5ng vn !nA P ,ugi
%vi phQn n&i dung ,4 %&t !nh #$% siu #in k1t * + Vuay trP #)i Qu t$i #i.u2
Trng gigng nh8 sau
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
11. Th6" 5:! chV< l%6n JXt [\"!%l )4 tr!ng C&b c! b3n
11.1. !i h"c
Nh8 )n vqn th8Xng thy tr+ng ,, trang /e trn dnternetA phQn ,ugi %vi trang
th8Xng ,4 ,, thng tin vN trang /eA ,h|ng h)n nh8F
Tiu N hay ,hJ N ,Ja trang hi.n thXi
Ng$y ,Rp nhRt gQn Wy nht
[!n VuyNn
Tn v$ `-%ai# ,Ja t, gi! ,Ja trang /e
222
]hQn n$y g?i #$ @++ter ,Ja trang /e2 l* th% @++ter v$+ trang /eA HTML
,ung ,p ,h+ ,h;ng ta tag GaddressI v$ ,,h sj dEng nh8 sau
GaddressI
222
G\-- ,, thng tin--I
222
GKaddressI
Tt ,! vn !n nT% tr+ng tag GaddressI 89, in Tng ki*u ,h nghingA tuy
nhin )n ,4 th* thay }i ,,h hi*n th( ,Ja ,h;ng Tng ,,h sj dEng ,, tag =
h?,2
11.2.Th/c h.h
U2T)+ %&t @i#e HTMLA sau khi th% ,, phQn thng tin ,h+ trang /eA )n th%
+)n sau v$+ ,ugi phQn +dy
GaddressI
GhrI
Gp a#ign L,enterLI
3huyn %E, 3hWn trXi tri thM, - T)p ,hD dnternet T+dayGrI
3+pyright a e y C^_3GrI
l(a ,ht F Tri.u Ci.t C8cng - H$ n&iGrI
`%ai# F Ga hre@L%ai#t+Fi-t+dayavas,2vnn2vnLIi-t+dayavas,2vnn2vnGrIGKaI
M?i o ki1n vN & s,h HTML xin gji vNF TrQn Ci.t H5ngGrI
`%ai# FGa hre@ L%ai#t+Fhungndav+#2vnn2vnIhungndav+#2vnn2vnGKaI
GKpI
GKaddressI
e2L8u ,ng vi., ,Ja )n v$ s+ snh v6i vD dE %quF
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
Phn 2. '=ng c!4
12. T34 c@c /!nh -@ch
12.1. !i h"c
panh s,h 89, d5ng * tr-nh $y thng tin th$nh %&t d)ng dm ?, hcn2 3h|ng
h)n * t)+ ra ,, !ng ,ht %E,A n&i dung ,Ja %&t d=y ,, t$i #i.u hay ,,
,h8cng2
HTML ,4 hai ki*u danh s,hA danh s,h ,4 thM t' (+rdered" v$ danh s,h khng
,4 thM t' (un+rder"2
]!nh -@ch Jh^ng c2 thA tL.
panh s,h khng ,4 thM t' ,4 ,, %E, :t Qu Tng ,, Lut##etL h+<, ,, ko
hi.u nh du P tr86,2 l* t)+ ra danh s,h khng ,4 thM t' ta d5ng ,, tag
sauF
Gu#I
<li>3ht %E, thM nht
...
<li>3ht %E, ,ugi
</ul>
CD dE khi tr+ng phQn +dy ,Ja @i#e HTML ,Ja )n ,4 +)n nh8 sauF
<h3>3, & %n tr+ng kh+a 3ng ngh. Thng tin tr8Xng l)i h?, [,h kh+a H$
n&iGKhHI
Gu#I
G#iI[& %n >h+a h?, %y tDnh
G#iI[& %n >O thuRt %y tDnh
G#iITrung tW% %y tDnh
G#iI]hSng thD nghi.% Lin %)ng
GKu#I
Th- trn tr-nh duy.t danh s,h 89, hi*n th( nh8 sau F
]!nh -@ch c2 thA tL
panh s,h ,4 thM t' #$ danh s,h %$ %vi %E, ,Ja danh s,h 89, nh sgA
th8Xng :t Qu tf LUL2 l* t)+ ra danh s,h ,4 thM t' ta d5ng ,, tag sauF
G+#I
G#iI3ht %E, thM nht
222
G#iI3ht %E, ,ugi ,5ng
</ol>
panh s,h ,4 thM t' ,ht kh, danh s,h khng ,4 thM t' P ,hv thay tag Gu#I
Tng tag G+#I2
CD dE F N1u tr+ng phQn +dy ,Ja @i#e HTML ,4 +)n
GhHI3, 86, ,huzn ( * h?, HTMLGKhHI
G+#I
G#iI3h8cng tr-nh s+)n th!+ vn !n trcn (nh8 N+te]ad ,Ja /ind+0s"
G#iITr-nh duy.t /e(nh8 dnternet `xp#+rer h+<, Nes,ape Navigat+r"
G#iI[& s,h vN HTML ,Ja t)p ,hD dnternet T+day
GK+#I
]!nh -@ch 5:nh ngh_! `definition listsa
panh s,h (nh ngha khng ,4 ,, ,ht %E, Qu dSng2 _au khi k1t th;, tag GdtIA
n4 t' &ng xugng dSngA vi1t thEt v$+ h.t nh8 ,, (nh ngha tr+ng s,h gi+
kh+a vRy2
CD dEF
* ,4 trang 0e trnA )n ph!i nh +)n %= sauF
GhHICD dE vN danh s,h (nh nghaGhHI
Gd#I
GdtIl(nh ngha UGKdtI
GddIgi!i thD,h (nh ngha U2GKddI
GdtIl(nh ngha eGKdtI
GddIgi!i thD,h (nh ngha eGKddI
GdtIl(nh ngha HGKdtI
GddIgi!i thD,h (nh ngha H2GKddI
</dl>
Tr+ng trang /e * t)+ ra ,, %E, thng tin ,4 ,u tr;, #+gi, hcn )n ,4 th*
#nng ,, danh s,h v6i nhau2
CD dE vN tr&n danh s,h
GhHICD dE vN tr&n danh s,hGKhHI
G+#I
G#iI 3ht %E, U
Gu#I
G#iI 3ht %E, ,+n U
G+#I
G#iI 3ht %E, ,+n U
G#iI 3ht %E, ,+n e
GK+#I
G#iI 3ht %E, ,+n e
GKu#I
G#iI 3ht %E, ,+n
GK+#I
Ta ,4 danh s,h nh8 sau F
12.2.Th/c h.h
l8a danh s,h v$+ trang /e ,Ja )n
U2 MP %&t @i#e HTML %6iA tr+ng phQn +dy )n t)+ %&t danh s,h Tng ,, tag
HTML nh8 sau F
GhHIME, #E,GKhHI
Gu#I
G#iI3h8cng %&t
G+#I
G#iIui6i thi.u ,hung
G#iINhng ki1n thM, vr #Sng vN HTML
GK+#I
G#iI3h8cng hai
G+#I
G#iI3, tag thng dEng
Gu#I
G#iITag (nh d)ng kiNu ,h
G#iITag ,h{n !nh
GKu#I
G#iI3, tag trang trD trang /e
GK+#I
G#iI3h8cng a
Gu#I
G#iI3, trang /e %qu
G#iI>1t th;,
GKu#I
GKu#I
e2 L8u ,ng vi., ,Ja )n2 MP trn tr-nh duy.t v$ s+ snh v6i vD dE %qu
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
18. Tr!ng trP ch4 )n bn
1.1.!i h"c
ua ,, $i h?, tr86, )n = i1t ,,h th% %$u s:, ,h+ nNn v$ vn !n thng
Vua vi., thi1t #Rp ,, thu&, tDnh ,h+ tag G+dyI2 Tr+ng $i n$y )n sB h?, ,,h
thay }i %$u s:,A kD,h th86,A @+nt ,h ,Ja phQn vn !n tr+ng trang /e ,Ja
)n2
18.1.!.Cb $4nt
>hi %ugn thay }i ,r @+nt th- d5ng
G@+nt sie I 222 GK@+ntI
Tr+ng 4 #$ ,r @+nt ,4 gi tr( tf U (nhy nht" 1n (#6n nht"
CD dEF
3r @+nt U
3r @+nt e
3r @+nt H
222
3r @+nt
Ng+$i ra HTML ,Sn ,h+ ,h;ng ta %&t ,,h kh, * th', hi.n vi., thay }i ,r
@+ntA thay }i t8cng gi
G@+nt sie I 222 GK@+ntI
G@+nt sie - I 222 GK@+ntI
Tr+ng 4 A - #$ & d(,h ,huy*n s+ v6i ,r @+nt hi.n t)i2 3h;ng th8Xng 89,
d5ng ,5ng v6i tag
Gase@+nt sie I
F 3r @+nt %ugn <, %<, (nh
3h; oF Tag Gase@+ntI khng ,4 tag 4ng #)iA n4 ,4 t, dEng ,h+ 1n khi g<p
%&t tag Gase@+ntI kh,2
18.1.b.K%9u $4nt
l* #$% ,h+ trang /e th% sinh &ngA nhiNu khi )n %ugn tr-nh $y n4 Tng
nhiNu ki*u @+nt kh, nhauA )n h=y sj dEng thu&, tDnh @a,e ,Ja tag G@+ntI *
th', hi.n vi., }i @+nt ,h2
G@+nt @a,e L@+ntna%eLI 222 GK@+ntI
tr+ng 4 @+ntna%e #$ tn ,Ja @+nt ,h ,4 trn %y tDnh ,Ja ng8Xi ?, trang
/e2
Mugn th% %$u s:, ,h+ ,hA ta th% thu&, tDnh ,+#+r v$+ tag @+nt
CD dEF
G@+nt @a,e L^ria#L ,+#+r LYYYYYYLI 222 GK@+ntI
G @+nt @a,e L2CnHpHL ,+#+r L``[[[[LI222GK@+ntI
18.1.c.H%9n th: chV -E tr6n ) chV -E /(c%
>hi ,Qn ph!i tr-nh $y ,ht sg trn hay ,ht sg d86iA nh8 ,, ,ng thM, h+ h?,
,h|ng h)n ,h;ng ta sj dEng ,, tag GsupI 222 GKsupI ,h+ ,ht sg trn v$
GsuI 222 GKsuI ,h+ ,ht sg d86i2
CD dEF
l* ,4 NH
h
A ta ph!i vi1t
NHGsuIhGKsuI
l* ,4 x
e
ta ph!i vi1t
xGsupIeGKsupI
1.2. Th/c h.h
[)n thWn %1nA )n = h?, 89, kh nhiNu ki1n thM, vr #Sng vN HTMLA Wy giX
)n h=y p dEng nhng ki1n thM, = h?, * t)+ ,h+ %-nh %&t trang /e v6i
%$n h-nh nNn ,4 %$u s:,A ,, #+)i @+nt ,h kh, nhauA ,, h-nh !nh v$ siu #in
k1t222>hi = #$% nhiNu trang /e )n sB ,4 nhiNu kinh nghi.% tr+ng vi., ,h?n
@+nt ,hA ,h?n %$u s:, 222 tf 4 )n %6i ,4 th* xWy d'ng 89, nhng trang
/e ~p 89,2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
1>. Th6" "u -Wc ch4 tr!ng C&b c! b3n
10.1.!i h"c
Tf khi h?, $i Qu tin 1n Wy giXA ,h:, nhiNu khi )n th:, %:,F LT)i sa+
trang /e ,Ja %-nh #)i ,ht ,4 hai %$u en v$ tr:ngA tr+ng khi ,, trang /e
%-nh nh-n thy Nu 89, trang trD rt ~pL2 in )n h=y yn tW%A $i n$y sB gi;p
)n gi!i Vuy1t th:, %:, 42
1>.1.!.C bn )B "u -Wc
Tr+ng %&t tr-nh duy.t /eA )n ,4 th* sj dEng eks %$u * trang trD ,h+ vn
!n v$ nNn2 Mvi %$u 89, x, (nh Pi & a ed-ureen-[#ue (u["A ,, gi
tr( ,Ja A uA [ tf 1n ekk th* hi.n ,8Xng & ,Ja n42 CD dE khi ,! a ,4 gi tr(
nhy nht (0A u0A [" th- sB ,h+ ta %$u en v$ khi ,! a ,4 gi tr( #6n nht
(ekkA uekkA [ekk" th- ,h+ ta %$u tr:ng2 [& a u[ v6i ,, gi tr( kh,
nhau sB ,h+ ta ,, %$u kh, nhau2
Tr+ng HTMLA khi %ugn sj dEng %&t %$u n$+ 4A thay v- d5ng ,, gi tr( ,Ja A
uA [ P h. thRp phWnA )n ph!i i*u dimn ,h;ng P d)ng h. Us2
CD dEF
M$u tr:ng Mng v6i ekkA uekkA [ekk 89, i*u dimn #$ YYYYYY2
M$u LhkeY`L tM, #$ hk (H. Us"
u e (H. Us"
[ Y` (H. Us"
t8cng 8cng v6i s (H. U"
u He (H. U"
[ ekh (H. U"
CD dE vN %&t sg %$u thng th8Xng
1>.1.b.Mu nBn cE 5:nh
l* th% %$u ,h+ trang /e ,Ja %-nhA )n h=y th% ,, thu&, tDnh sau v$+
trang tag G+dyI
g,+#+r
text
#ink
v#ink
Tr+ng 4
g,+#+r , (nh %$u s:, ,Ja nNn
text , (nh %$u s:, ,Ja vn !n
#ink , (nh %$u s:, ,Ja siu #in k1t
v#ink , (nh %$u s:, ,Ja siu #in k1t = xe% Vua
,Sn #$ ko hi.u %$u P d)ng thRp #E, phWn (,4 du P tr86,"
CD dEF
G+dy g,+#+r text ````[[ #ink HH33YY v#ink 33I
_B ,h+ nNn %$u enA ,h %$u v$ngA siu #in k1t %$u xanh d8cng sngA siu
#in k1t = xe% %$u y2
_au Wy #$ %&t sg %$u ,c !n v$ ko hi.u t8cng Mng
C-l-r HeR C-Se C-l-r HeR C-Se
xx oo xx FFCCCC
xx oo xx 3300FF
xx oo xx 33FF66
xx oo xx AA0000
xx oo xx 663300
xx oo xx 9900FF
xx oo xx 000077
xx oo xx FFFF00
xx oo xx EEEEEE
xx oo xx 888888
xx oo xx 444444
xx oo xx 000000
C-l-r Tame C-l-r Tame
xx oo xx aqua
xx oo xx black
xx oo xx blue
xx oo xx fuchsia
xx oo xx gray
xx oo xx green
xx oo xx lime
xx oo xx maroon
xx oo xx navy
xx oo xx olive
xx oo xx purple
xx oo xx re
xx oo xx silver
xx oo xx !eal
xx oo xx "hi!e
xx oo xx yello"
1>.1.c.Tr!ng trP nBn bdng hnh nh
N1u )n %ugn %$u nNn ,Ja trang /e ,Ja )n ~p hcnA )n ,4 th* d5ng %&t
@i#e !nh nhy * trang trD ,h+ nNn2 >hi 4A HTML sB t)+ ,, !n sa+ #in tE, ,Ja
@i#e !nh * phJ h1t nNn ,Ja trang /e2
l* d5ng h-nh !nh #$% nNn ,h+ trang /eA ta d5ng thu&, tDnh a,kgr+und tr+ng
tag G+dyI
G+dy a,kgr+und L@i#ena%eLI
Tr+ng 4 @i#ena%e #$ tn @i#e !nh %$ )n d5ng #$% nNn2
10.2.Th/c h.h
U2T)+ %&t @i#e HTML v$ ,huzn ( %&t h-nh !nh * #$% nNnA vD dE !nh sau ,4 tn
#$ stra02pg
Th% v$+ tag +dy thu&, tDnh a,kgr+und nh8 sauF
G+dy a,kgr+und Lstra02pgLI
e2L8u ,ng vi., ,Ja )nA %P trn tr-nh duy.t v$ s+ snh v6i vD dE %quF
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
1G.Th6" "#t cht )B -%6u l%6n JXt bdng hnh nh
19.1.!i h"c
Tr+ng ,, $i h?, tr86,A )n = h?, 89, ,,h t)+ ,, siu #in k1t Tng
h-nh !nh2 [$i n$y sB ,ung ,p ,h+ )n t)+ ra nhiNu siu #in k1t tf ,5ng %&t
h-nh !nh Tng ,,h ,hia h-nh !nh 4 th$nh ,, v5ngA %vi v5ng #in k1t t6i %&t
trang /e kh, nhau2 Tr86, h1t %Xi )n xe% vD dE sau F
- C6i h-nh !nh nh8 sau F
- _au khi 89, kh+anh v5ng v$ t)+ ,, siu #in k1tA Wy giXA !nh trn sB 89,
#in k1t t6i nhiNu trang /e kh,A )n h=y thj ,#i,k v$+ ,, tn t8cng Mng trn
!nh v$ xe% k1t Vu!2
l* t)+ ra 89, %&t h-nh !nh v6i nhiNu #in k1tA t6i nhiNu trang /e kh, nhauA
HTML ,ung ,Wp ,h+ ,h;ng ta tag G%apIA ,,h #$% nh8 sau F
U23huzn ( %&t h-nh !nh * t)+ ,, siu #in k1t F Tr+ng vD dE trnA !nh ,4 tn #$
F #ienket2pgA khi 8a h-nh !nh n$y v$+ trang /eA tr+ng tag Gi%gI )n sj dEng
thu&, tDnh use%ap nh8 sau F
Gi%g sr, L#ienket2pgL use%ap L%apna%eLI
tr+ng 4 %apna%e #$ phQn %$ )n (nh ngha ,, v5ng ,Ja !nh * tf 4 t)+
,, siu #in k1t2
e2l(nh ngha ,, v5ng * t)+ siu #in k1t F l* t)+ ,, v5ng ta sj dEng tag
G%apI nh8 sau F
G%ap na%e L%apna%eLI
Garea shape Lre,tL ,++rds LxUAyUAxeAyeL hre@ LLLI
Garea shape Lre,tL ,++rds LxhAyhAxkAykL hre@ LLLI
2222
GK%apI
Tr+ng 4 tag GareaI (nh ngha %&t v5ng ,4 h-nh #$ thu&, gi tr( ,Ja thu&, tDnh
shape LLA ,4 t+) & #$ gi tr( ,Ja thu&, tDnh ,++rds LLA tr+ng vD dE trn v5ng
t)+ siu #in k1t #$ v5ng h-nh ,h nhRt (re,t" ,4 t+) & g4, trn n tri #$ xUAyU
t+) & g4, d86i n ph!i #$ xeAye v$ #in k1t t6i trang /e #$ gi tr( ,Ja thu&,
tDnh hre@ LL
l+)n %= HTML ,Ja vD dE trn nh8 sau F
G%ap na%eLY]MapLI
Garea hre@LhttpFKK0002hut2edu2vnL shapeLre,tL ,++rdsLA UA UhA HhLI
Garea hre@LhttpFKK0002vnn2vnL shapeLre,tL ,++rdsLUHA hA HA seLI
Garea hre@LhttpFKK0002t#net2,+%2vnL shapeLre,tL ,++rdsLHHA A UHA ULI
Garea hre@LhttpFKK0002netna%2vnL shapeLre,tL ,++rdsLkHA UA UkA UHeLI
Garea hre@LhttpFKK0002@pt2vnL shapeLre,tL ,++rdsLUA UHkA UhsA UkLI
GK%apI
Gi%g +rderLLsr,Ld%ageK#ienket2pgL use%apLY]MapL
0idthLULheightLUseLI
19.2.Th/c h.h
[Wy giX )n h=y ,huzn ( %&t h-nh !nh v$ d5ng tag G%apIA v$ thj t)+ %&t trang
/e ,4 ,, siu #in k1t xut pht tf %&t h-nh !nh nh8 tr+ng $i h?,2 3h;, )n
th$nh ,ng2
[!n VuyNn 3ng ty ]ht tri*n ]hQn %N% (C^_3"
`-%ai#F i-t+dayavas,2vnn2vn
1I. eng
17.1. !i h"c
Ci., tr-nh $y trang /e the+ d)ng !ng sB #$% ,h+ trang /e ,Ja )n ,huyn
nghi.p hcn2 C6i d)ng !ng )n ,4 th* ,hia trang /e th$nh nhiNu phQnA )n ,4
th* p dEng ,, ki1n thM, = h?, * trang trD ring ,h+ tfng phQn222
>hi xWy d'ng !ngA )n h=y nh6 Vuy t:, sauF :t Qu tf ,a+ nht n triA ti1p
the+ xWy d'ng ,, ,Ja h$ng Qu tinA sau 4 ,huy*n xugng h$ng thM haiA xWy
d'ng ,, phQn tj ,Ja h$ng thM e222
--I --I --I --I ---I --I
----------------------------