Bai Giang HTML

1
Iang VIan. hguyan ThIan ham

TaI. 0948.Z0.66.77 0904.660.846
EmaII. nInamrss@yahoo.rom
2
Mur rh Mon hor
! 6ar khaI nIam ro ban va InIarnaI & WabsIIa
! hgon ngu IhIaI ka Wab hTML
! 6ar rhuong Irnh IhIaI ka Wab
kaI ua hor Tap
! ThIaI ka hoan rhnh rar WabsIIa va TIn Iur, IaI
Ir, uang rao . . . 6ho Io rhur, rong Iy, ra nhan.
Va 0pIoad WabsIIa Ian mang
! ham vung kIan Ihur ban dau va Lap Trnh Wab
3
4
8aI 01. T0h 0kh ThIET kE WE88ITE
! 6ar khaI nIam ro ban
! 8oan Ihao Irang Wab
! 6au rar Iha rua Iap IIn hTML
! Tao Iap IIn hTML
! Lam IuoI Irang Wab Xam ma nguon
8aI 0Z. [hh kh Vkh 8kh
" }nh dang ky Iu
" }nh dang doan
" 8u dung mau Irong Irang Wab
" 8u dung van ban d}nh dang Iruor
" 6han duong ka ngang ky Iu dar bIaI
5
8aI 08. Tk0 Vkh 8kh khh 8k6h
! anh sarh khong danh so Ihu Iu
! anh sarh ro danh so Ihu Iu
! anh sarh d}nh ngha
! anh sarh Iong nhau
8aI 04. T0 6h06 WE88ITE, 80 0h hhh khh,
ThIET LkF LIEh kET
" To rhur WabsIIa
" 8u dung hnh anh Irong Irang Wab
" Tao IIan kaI Irong Irang Wab
" 8an do anh
6
8aI 06. ThIET kE 8kh Tk8LE
" ThIaI ka bang TabIa
" }nh dang bang
8aI 06. ThIET kE kh0h FkME
" ThIaI ka khung Frama
" }nh dang khung
" 6h d}nh khung Ia drh rua IIan kaI
7
8aI 07. ThIET kE 8IE0 Mk0 (F0M)
" khaI nIam
" ThIaI ka & sap xap rar Ihanh phan bIau mau
8aI 08. ThIET kE 6asradIng 8IyIa 8haaI(688)
" khaI nIam va rong dung 688
" ThIaI ka rar 8IyIa
" Trnh bay rar Ihanh phan IaI IIau 8IyIa
8aI 09. h0 k[6h 8kh 1ava8rrIpI
" IoI IhIau
" ua 8rrIpI vao Irang Wab
" IoI IhIau vaI 8rrIpI don gIan
8
9
8aI 10. MIrro8oII FronIFaga
! IoI IhIau & Man hnh Iam vIar
! Thao Iar quan Iy WabFaga, Wab8IIa
! Thao Iar d}nh dang Irang, van ban, doan van ban
! uong ka ngang va ky Iu dar bIaI
! 6han hnh anh
! ThIaI Iap IIan kaI & 8an do anh
! Tao danh sarh
! ThIaI ka TabIa, ThIaI ka Frama
! ThIaI ka From va 688
! Tao hIau ung rhuyan dong
10
8aI 11. 0pIoad WabsIIa
! khaI Ihar d}rh vu oamIn & hosIIng
! 0pIoad & uan Ir} WabsIIa
Tran omaIn va hosIIng ro dang ky
Tran omaIn va hosIIng ro mIan ph
8aI 1Z. ThIaI ka WabsIIa
! ThIaI ka & 0pIoad WabsIIa Ihao mau
! ThIaI ka & 0pIoad WabsIIa Ihao rhu da
11
Ik0 Thh&8kI TkF
h0h h0 hTML & FronIFaga
6k6 Ik0 Thh khk6
12
T0h 0kh ThIET kE WE88ITE
8aI 01
I. 6ar khaI hIam 6o 8an
II. 8oan Thao Trang Wab
III. 6ar Tha 6ua Tap TIn hTML
IV. Tao Tap TIn hTML
V. Lam TuoI Trang Wab Xam Ma hguon
13
I.6ar khaI hIam 6o 8an
Mang InIarnaI. Mang may Inh Ioan rau ha
Ihong mang rua rar mang.
TIan Ihan ban dau Ia mang kFkhET(To rhur
kdvanrad asaarrh Fro|arIs kganry) rua My
sang Iap 1969. Fhur vu Irao doI du IIau gIua
rar Iruong daI hor & 8o quor phong.
WWWWoId WIda Wab. }rh vu Irao doI va Im
kIam Ihong IIn Iran mang.
14
hTMLhypar TaxI Makaup Languaga. hgon ngu
danh dau sIau van ban dung da IhIaI ka Irang
Wab.
hTTFhypar TaxI TranIar FroIoroI. Iao Ihur
dung da gIao IIap voI rar Irang Wab.
WabFagaTrang Wab. La moI Iap IIn van ban
soan Ihao Ihao ngon ngu hTML ro phan mo
rong Ia hTML hoar hTM.
15
Wab 8IIa. 6huyan khu Wab Iap hop rar Irang
Wab Ihuor 1 rhu Iha.
homa Faga. Trang dau IIan (Trang rhu) rua 1
Wa b s I I a ( I n d a x . h I m I , I n d a x . h I m ,
aIauII.hTM . . .)
Wab8arvar. May rhu WabMay Inh rau hnh
manh, Iuu Iru rar Irang Wab kaI noI Ihuong
xuyan voI mang rho phap rar may khar Iruy rap
Ihong IIn.
16
.6om . Thuong maI
.Edu . To rhur gIao dur
.haI . 6ar mang Ihong IIn
.InIo . 6ar mang Ihong IIn
.InI . To rhur quor Ia
.0rg . 6ar Io rhur khar
.ov . To rhur rhnh phu
.MII . To rhur quan su
Tan mIan rap 1.8ao gom ma quor gIa nhu
VI a I ham. . Vh, knh. . 0k, My . . 08,
hhaI. .1F . . .) va 1 so Inh vur.
6o Iha ka I ho p
Inh vu r vo I ma
quor gIa da hnh
Ihanh Ian mIan rap
Z
WWW.IuoIIra.rom.vn
a so huu 1 Ian mIan phaI Ira rhI ph hang
nam Ihong qua rar rong Iy uy quyan ban Ian
mIan.
17
0L0nIIorm asourra LoraIIon. }a rh Iruy rap
rua Irang Wab, 1 Iap IIn Irong WabsIIa
hIIp.llWabsarvarnamallFIIa.hImI
Trang rhu mar d}nh khong ran khaI bao
V. hIIp.llWWW.IuoIIra.rom.vn
Tur Ia. hIIp.llWWW.IuoIIra.rom.vnlIndax.hIm
8roWsar. Trnh duyaI Wab dung da dor va hIan
Ih} rar Irang Wab.
Fho bIan. InIarnaIExpIorar,haIsrapa,FIraFox.
18
II.8oan Thao Trang Wab
1. 6huong Irnh soan Ihao.
Trang Wab Ia 1 Iap IIn van ban khong d}nh dang, rhua
rar Iha(Tag). VIaI bang ma nguon hTML Iran rhuong
Irnh soan Ihao van ban khong d}nh dang nhu. hoIaFad
# 8IarIlFrogramlkrrassorIaslhoIaFad
hI rhu. hau su dung rhu ro dau, Ih phaI IhIaI Iap
bang ma 0nIroda rho Irnh go VIaIkay, 0nIkay, FonI
0nIroda Irong Irnh soan Ihao
19
Z. aI Ian , Luu & Mo Iap IIn .
Tap IIn Iuu Iru ro phan mo rong Ia. .hIm hoar .hImI
Luu Iap IIn. TaI rua so soan Ihao. FIIal8ava
EnrodIng. 0TF8
hau noI dung ro dau
8ava as Iypa. kIIFIIas
FIIanama. Tan.hImI
(V. V01.hImI)
#8ava
20
Luu IaI voI Ian khar.
TaI rua so soan Ihao. FIIal8ava ks
EnrodIng. 0TF8 na u
noI dung ro dau
8ava as Iypa. kIIFIIas
FIIanama. Tan.hImI
(V. V0Z.hImI)
#8ava
Mo Iap IIn da soan Ihao.
TaI rua so soan Ihao. FIIal0pan
FIIa 0I Iypa. kIIFIIas
# 6hon Iap IIn ran mo
#0pan
21
8. Xam Irang Wab sau khI soan Ihao.
6arh 1. Mo Ihu mur da Iuu Iru
#oubIa 6IIrk Iap IIn .hImI
6arh Z. khoI dong Irnh duyaI (IE) # FIIal0pan
6hon 8roWsar da Im Iap IIn ran mo # 0k
22
# kaI qua hIan Ih}
23
III.6ar Tha 6ua Tap TIn hTML
1. khaI hIam.
Tap IIn hTML Ia 1 van ban rhua rar Iha(Tag)Ma roda
rhan vao da Iao rar Ihanh phan rua IaI IIau.
! Tan rua Iha daI Irong rap ngoar nhon < . . . >
! 6o hoar khong ro rar Ihuor Inh
Z. 6au Trur Tong uaI 6ua Tha.
<TanIha |ThuorInh]>Thanh phan rh}u Iar dong<lTanIha>

Tha mo
Tha dong
hI rhu. 6ho phap rar Iha Iong nhau, 6ho vIaI rar Iha
Iran rung 1 dong hoar nhIau dong. han vIaI ro rau Irur
V1. <8> 6hao 6ar 8an <l8> # hoI dung sa In dam
VZ. <FonI 8Ita=4> 6hur rar ban hor IoI <lFonI>
# hoI dung rhu ro ro 4
24
IV.Tao Tap TIn hTML
1. 6au Trur Tong uaI 6ua Tap TIn hTML.
<hTML>
<lhTML>
<hEk>
<80Y>
<l80Y>
<lhEk>
<TITLE> <lTITLE> hoI dung IIau da
Fhan du IIau rua IaI IIau
25
Z. 6ar Tha }nh hgha 6ar Fhan Tu 6o 8an
<hTML>
<lhTML>
. . . . . . . .
8aI dau va kaI Ihur IaI IIau (Iap IIn)
<hEk>
<lhEk>
. . . . . . . .
Fhan dau IaI IIau
26
<TITLE> <lTITLE> hoI dung IIau da
<80Y>
<l80Y>
Fhan du IIau rua Irang Wab
hIan Ih} noI dung Ian Ihanh IIau da
hIan Ih} IaI ra noI dung rua IaI IIau
27
8. V u MInh hoa
Tao Iap IIn V01.hTM voI noI dung nhu sau
<HTML>
<HEAD>
<TITLE> GI!I THI"U </TITLE>
</HEAD>
<BODY>
Cho m#ng cc b$n %&n v'i HTML
</BODY>
</HTML>
# kaI qua hIan Ih}
28
4. Van a hgaI ong
Tao Iap IIn V0Z.hTM voI noI dung nhu sau
<HTML>
<HEAD>
<TITLE> NGAT DONG VAN BAN</TITLE>
</HEAD>
<BODY>
C HI M(
Th) th*n %+,ng chi-u m.t khch th)
Say nhn xa r/ng ni xanh l)
Kh tr,i l/ng l0 v trong t1o
Th2p thang r#ng m), c hi m)
</BODY>
</HTML>
29
# kaI qua hIan Ih}
khong xuong dong nhu soan Ihao ma rh Iu roI dong
Iuy Ihao krh Ihuor Irnh duyaI
30
! hgaI dong Iao doan moI, Iao dong Irong
! hgaI dong khong Iao doan moI
! Iu rar phan Iu Iran rung moI dong
6han Iha <8> IaI v} Ir muon ngaI dong
aI van ban Irong rap Iha <F> . . . <lF>
aI van ban Irong rap Iha <h08> . . . <lh08>
Van ban sa b} rha khuaI nau rhIau rong rua so
Irnh duyaI khong du va hIan Ihanh ruon
31
<HTML>
<HEAD>
</HEAD>
<BODY>
C HI M(

Th) th*n %+,ng chi-u m.t khch th) 
Say nhn xa r/ng ni xanh l) 
Kh tr,i l/ng l0 v trong t1o 


C HI M(
Th) th*n %+,ng chi-u m.t khch th)
Say nhn xa r/ng ni xanh l)
Kh tr,i l/ng l0 v trong t1o

</BODY>
</HTML>
32
# kaI qua hIan Ih}
33
6. Tao 6hu Thrh
aI rau ghI rhu vao rap Iha <! 6au rhu Ihrh>
hoI dung rau rhu Ihrh khong hIan Ih} Iran Irnh duyaI
Mo Iap IIn V0Z.hTM Iuu IaI voI Ian khar V04.hTM dIau
rhnh noI dung nhu sau
<HTML>
<HEAD> 
</HEAD>
<BODY>
C HI M(
 
Th) th*n %+,ng chi-u m.t khch th) 
Say nhn xa r/ng ni xanh l) 
Kh tr,i l/ng l0 v trong t1o 

</BODY>
</HTML>
34
# kaI qua hIan Ih}
khong hIan Ih} rar dong rhu Ihrh
35
V. Lam TuoI Trang Wab Xam Ma hguon
khI dang hIan Ih} moI Irang Wab Iran Irnh duyaI ro
Iha dIau rhnh noI dung ma nguon Iu Irnh soan Ihao
khI da Iuu IaI noI dung dIau rhnh, Iu Irnh duyaI Ia
ro Iha xam IaI kaI qua Ihao noI dung moI Lam IuoI.
#6IIrk bIau Iuong aIash hoar F6
1. Lam TuoI hoI ung
Z. Xam Ma hguon
Tu Irnh duyaI ro Iha xam ma nguon Irang Wab
#6IIrk Manu VIaWl8ourra
36
[hh kh Vkh 8kh
8aI 0Z
I. }nh ang ky Tu
II. }nh ang oan
III. 8u ung Mau Trong Trang Wab
IV. 8u ung Van 8an }nh ang Iruor
V. 6han duong ka ngang ky Iu dar bIaI
I. }nh ang ky Tu
1. }nh dang kIau dang 8IyIa
<8> hoI dung van ban <l8>
#hoI dung van ban duor In dam
#hoI dung van ban duor garh duoI
#hoI dung van ban duor In nghIang
 hoI dung van ban <lI>
#hoI dung van ban duor garh ngang
<HTML>
<HEAD>
<TITLE> 67NH D8NG VN B9N-67NH D8NG KI:U DNG</TITLE>
<BODY>
N.i dung m/c %;nh 
Vn b<n in %=m dng th1 B 
Vn b<n in nghing dng th1 I 
Vn b<n v#a %=m v#a nghing 
Vn b<n g$ch chn dng th1 U 
Vn b<n v#a %=m v#a nghing 
Vn b<n <S> B; k0 ngang dng th1 S</S>
</BODY>
</HEAD>
</HTML>
V du.
Z. Thay doI FonI, 8Ita
<F0hT Fk6E=FonIhama1, FonIhamaZ>
hoI dung van ban
<lF0hT>
#Xar d}nh FonI rho hoI dung van ban,hau may Iruy
rap khong ro sa Iay FonI mar d}nh rua Irnh duyaI.
<8k8EF0hT 8IZE=n>
#Xar d}nh ro rhu rho ra IaI IIau gIa Ir} n. Tu 1 dan
7 (8,10,1Z,14,16,Z4,86)mar d}nh Ia 8
<F0hT 8IZE=+n>
hoI dung van ban
<lF0hT>
#Tang n Ian so voI sIta mar d}nh rua noI dung V8
<F0hT 8IZE=n>
hoI dung van ban
<lF0hT>
#Iam n Ian so voI sIta mar d}nh rua noI dung V8
<8I> hoI dung van ban
#Tang 1 bar ro rhu
<8MkLL> hoI dung van ban
#Iam 1 bar ro rhu
<F0hT 8IZE=n>
hoI dung van ban
<lF0hT>
#Xar d}nh ro rhu IuyaI doI rho noI dung van ban
<HTML>
<HEAD>
<TITLE> DINH DANG VAN BAN-Font Name & Fonr Size</TITLE>
<BODY>
M/c %;nh vn b<n c Font c4a trnh duy>t v Size 3(12pt) 

Th1 Font Face thi&t l=p Font m/c %;nh la Arial,tahoma
 
<BASEFONT SIZE="4">Th1 BaseFont l=p Zize m/c %;nh 4(14pt) 
Tng Size m/c %;nh 2 b=c(24pt) 
Gi<m Size m/c %;nh 2 b=c(10pt) 
<BIG> Tng c? ch@ m/c %;nh 1 l3n (16pt) 
 Gi<m c? ch@ m/c %;nh 1 l3n(12pt) 
N.i dung VB c? ch@ 7(36pt) 
N.i dung VB c? ch@ 1(8pt) 
</BODY>
</HEAD>
</HTML>
V du. Tao Iap IIn V06.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
8. Tao rh so TranluoI
<80F> Van ban <l80F>
#Tao rh so Iran rho van ban
V.
h<808>Z<l808>0 # h
Z
0
kX<80F>Z<l80F>+8X+6=0 # kX
Z
+8X+6=0
<808> Van ban <l808>
#Tao rh so duoI rho van ban
<HTML>
<HEAD>
<TITLE> 67NH D8NG VN B9N -CHA SB TRN /DC!I</TITLE>
<BODY>
Vn b<n c chD s5 trn:AX2+BX+C=0 
Vn b<n c chD s5 d+'i: H2O
</BODY>
</HEAD>
</HTML>
V u. Tao Iap IIn V07.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
II. }nh ang oan
1. ThIaI Iap Ia Irang
<80Y LEFTMkIh=n1 T0FMkIh=nZ>
. . . . . . . .
<l80Y>
#ThIa I Ia p Ia Ira I Irang(LaIIMargIn), Ia Ira n
Irang(TopMargIn) Ihao gIa Ir} n1,nZ Inh Ia FIxraI
<F kLIh=LEFT>oan van ban ranh IraI Irang<lF>
Z. 6anh Ia doan van ban
<F kLIh=IhT>oan van ban ranh phaI Irang<lF>
<F kLIh=6EhTE>oan van ban ranh gIua Irang<lF>
<6EhTE> 6ar Ihanh phan ran ranh gIua<l6EhTE>
<HTML>
<HEAD>
<TITLE>67NH D8NG O8N VB-LE TRANG V CANH LE </TITLE>
<BODY LEFTMARGIN=40" TOPMARGIN="20">
N.i dung c l- trang tri 40 Pixcel l- trn 20 Pixcel 

o$n vn b<n canh l- tri trang,
o$n vn b<n canh l- tri trang


o$n vn b<n canh l- ph

o$n vn b<n canh l- gi@a trang,
o$n vn b<n canh l- gi@a trang

<CENTER>
Cc thnh ph3n canh gi@a trang,
Cc thnh ph3n canh gi@a trang
</CENTER>
</BODY>
</HEAD>
</HTML>
# kaI qua hIan Ih}
a mur Ia dong van ban d}nh dang khar rar dong
van ban Irong noI dung dung da Iao da mur phan,
rhuong.
MoI Iha ro rhur nang phan doan, rap 1 Ion nhaI,
rap 6 nho nhaI, ro Iha kaI hop Ihuor Inh ranh Ia
8. Tao van ban da mur
<h1> hoI dung van ban da mur rap 1<lh1>
<hZ> hoI dung van ban da mur rap Z<lhZ>
<h8 kIIgn=6anIar> a mur rap, 8 ranh Ia gIua<lh8>
V.
<HTML>
<HEAD>
<TITLE> 67NH D8NG VN B9N-VN B9N 6E MFC</TITLE>
<BODY>
<H1> N.i dung vn b<n %- mGc c2p 1 </H1>
<H3 ALIGN=CENTER> 6- mGc c2p 3 canh l- gi@a </H3>
</BODY>
</HEAD>
</HTML>
# kaI qua hIan Ih}
4. Tao van ban rhu Ihrh, Irrh dan
<6ITE>Van ban rhu Ihrh<l6ITE>
<kE88>Van ban rhu Ihrh<lkE88>
<8L06k00TE>Van ban Irrh dan<l8L06k00TE>
Van ban rhu Ihrh ngIang, rung dong so voI van ban
Iruor do.
Van ban rhu Ihrh ngIang, xuong dong so voI van ban
Iruor do.
Van ban rhu IIrrh dan Iao doan moI Ihur vao Z Ia
IraI phaI.
<HTML>
<HEAD>
<TITLE>T8O VN B9N CH THCH, TRCH DHN</TITLE>
<BODY>
y l vn b<n ch thch
<CITE>
dng th1 CITE n.i dung nghing trn cng dng
</CITE> 
y l vn b<n ch thch
<ADDRESS>
dng th1 ADDRESS n.i dung nghing xu5ng dng
</ADDRESS>
<BLOCKQUOTE>
y l ph3n vn b<n trch dIn dng th1 BLOCKQUOTE,
n.i dung phn ch o$n v thGt l- tri ph
</BODY>
</HEAD>
</HTML>
# kaI qua hIan Ih}
III. 8u ung Mau
1. 6ar ma mau
a xar Iap mau ro Iha dung Tan mau hay Tr} Ihap
Iur phan Iuong ung.
8kh Mk Mk0
Tan mau Tr} Tan mau Tr}
8Iark #000000 0IIva #808000
ad #FF0000 TaaI #008080
8Iua #0000FF Maroon #800000
havy #000800 ray #808080
LIma #00FF00 FurhsIa #FF00FF
WhIIa #FFFFFF raan #008000
urpIa #800080 8IIvar #606060
YaIIoW #FFFF00 kqua #00FFFF
Z. Xar Iap mau rhung rho Irang Wab
<80Y 8g6oIor=Tr}mau TaxI=Tr}mau
LInk=Tr}mau VLInk=Tr}mau kIInk=Tr} mau>
. . . . . hoI dung Irang Wab. . . . .
<l80Y>
8g6oIor. Mau nan Irang
ung Ihuor Inh rua Iha 80Y da xar Iap mau. nan,
van ban, mau rar vb IIan kaI...
TaxI. Mau van ban
LInk. Mau IIan kaI rhua Iruy rap
VLInk. Mau IIan kaI da Iruy rap
kIInk. Mau IIan kaI khI dang Iro Mousa
8. Xar Iap mau rho van ban
<F0hT 60L0 =Tr}mau>
hoI dung van ban
<lF0hT>
ung Ihuor Inh 60L0 rua Iha F0hT da xar Iap mau.
rho noI dung van ban rh d}nh.

Tr+,ng Trung HJc CNTT Si Gn

VD:
<HTML>
<HEAD>
<TITLE>SK DGng Mu</TITLE>
<BODY BGCOLOR=Teal TEXT=Black LINK=#008080
VLINK=#0000FF ALINK=#000080 >
Trang Web c mu n-n l Teal 
Mu ch@ l Black 
Mu lin k&t ch+a truy c=p #008080 
Mu lin k&t truy c=p#0000FF 
Mu lin k&t khi ang trL chu.t #000080 
 Vn b<n ny c mu Blue Size 3
 
Vn b<n ny c mu Silver Size 4

</BODY>
</HEAD>
</HTML>
# kaI qua hIan Ih}
IV. 8u ung Van 8an }nh ang Truor.
<FE>
hoI dung van ban d}nh dang Iruor
<lFE>
Thong Ihuong Irnh duyaI Iu xu Iy ngaI dong Iuy Ihao
krh Ihuor rua so, rar ky Iu Irang, Tab, EnIar xuong
dong khong Iar dung khI hIan Ih} Iran Irnh duyaI.
a su dung van ban d}nh dang Iruor
V u. Tao Iap IIn V1Z.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
V. uong ka hgang Va ky Tu ar 8IaI.
<h 8Ita=n1 WIdIh=nZ kIIgn=huong
6oIor=mau hoshada>
<h> . Tao duong ka mo ngang ba rong rua so
8Ita. o day
WIdIh. o rong
kIIgn. ranh Ia TraI, Iua, FhaI
6oIor. Mau
ho8haa. khong ro bong
1. uong ka hgang
V. <h 8Ita=8 WIdIh=60% kIIgn="IghI">
<h 8Ita=Z WIdIh=76 kIIgn=6anIar">
hhap Ma Ian hay Ma so rua ky Iu Iuong ung
(MoI so ky Iu ro Iha go ky Iu Irur IIap)
Z. ky Iu dar bIaI
ky Tu Ma Tan Ma 8o ky Tu Ma Tan Ma 8o
! &ropy; © & & X
TM
&Irada; ¨
" &rag; ® @ @
> &gI; &#6Z; % W
< &II; < $ V
&quoI T
<HTML>
<HEAD>
<TITLE> 6+,ng K0 V K! Hi>u 6/c Bi>t</TITLE>
<BODY>
Tr+,ng Trung HJc DL Cng Ngh> Thng Tin
SI GN
<HR>
Cc k! hi>u %/c bi>t: 
B<n quy-n: © 
Th+)ng hi>u: 
Th+)ng hi>u ng k!: ® 
Email: phetcm@yahoo.com 
<HR SIZE=3 WIDTH=50% NOSHADE>
</BODY>
</HEAD>
</HTML>
# kaI qua hIan Ih}
Tk0 Vkh 8kh khh 8k6h
8aI 08
I. anh 8arh khong anh 8o Thu Tu
II. anh 8arh 6o anh 8o Thu Tu
III. anh 8arh }nh ngha
IV. anh 8arh Long nhau
anh sarh khong danh so TT Ia. Tao rh mur (8uIIaIs)
dau moI doan. MoI mur sa IhuI vao dau dong
I. anh 8arh khong anh 8o Thu Tu
<0L>
<LI> Mur 1 rua danh sarh
<LI> Mur Z rua danh sarh
. . . . . . .
<LI> Mur n rua danh sarh
<l0L>
1. Tao danh sarh khong danh so Ihu Iu
<HTML>
<HEAD>
<TITLE> T$o Danh Sch Khng nh ThM TN </TITLE>
</HEAD>
<BODY>
<H3> CHC(NG TRNH O T8O THIOT KO WEB </H3>
<UL>
<LI> Ngn ng@ HTML &amp FrontPage
<LI> DreamWeaver MX
<LI> Khai thc v Qu<n tr; Domain,Hostting
<LI> Ngn ng@ k;ch b<n JavaScript;
<LI> Ngn ng@ l=p trnh ASP & SQLServer
</UL>
</BODY>
</HTML>
Tao Iap IIn V14.hTM voI noI dung nhu sau V du.
# kaI qua hIan Ih}
<LI Typa= Tr} Ihuor Inh> Mur rua danh sarh
Z. Thay doI kIau dang rho rh mur
<0L Typa=Tr} Ihuor Inh>
. . . . . . .
<l0L>
6ar Ir} Ihuor Inh.
Isr. au Iron dan (Mar d}nh)
squara. hnh vuong dan dar
6IrrIa. hnh Iron rong
<HTML>
<HEAD>
<TITLE> Thay 6Pi KiQu Dng ChD MGc</TITLE>
</HEAD>
<BODY>
<UL TYPE="circle">
<LI> DreamWeaver MX
<LI TYPE="square">Qu<n tr; Domain, Hosting
<LI TYPE="square"> Ngn ng@ k;ch b<n JavaScript;
<LI TYPE="disc"> Ngn ng@ ASP & SQLServer
</UL>
</BODY>
</HTML>
# kaI qua hIan Ih}
anh sarh ro danh so TT Ia. LoaI danh sarh ro danh
Ihu Iu Ihao so hay Ihao ky Iu (humbarIng) dau moI
doan.
II. anh 8arh 6o anh 8o Thu Tu
<0L>
. . . . . . .
<l0L>
1. Tao danh sarh ro danh so Ihu Iu
<HTML>
<HEAD>
<TITLE> T$o Danh Sch C nh ThM TN </TITLE>
</HEAD>
<BODY>
<OL>
<LI> DreamWeaver MX
<LI> Khai thc v Qu<n tr; Domain,Hostting
<LI> Ngn ng@ l=p trnh ASP & SQLServer
</OL>
</BODY>
</HTML>
# kaI qua hIan Ih}
<LI Typa= Tr}> Mur rua danh sarh
Z. Thay doI rarh danh so Ihu Iu
<0L Typa=Tr}>
. . . . . . .
<l0L>
6ar Ir} Ihuor Inh. Tr} hIan Ih}
1 1,2,3
a a,b,c
A A,B,C
i i,ii,iii
I I,II,III
<HTML>
<HEAD>
<TITLE> Thay 6Pi Cch nh STTTrong Danh Sch</TITLE>
</HEAD>
<BODY >
<OL TYPE="A">
<LI> DreamWeaver MX
<LI> Ngn ng@ ASP & SQLServer
</OL>
<OL>
<LI> DreamWeaver MX
</OL>
</BODY>
</HTML>
# kaI qua hIan Ih}
<LI VaIua = Tr}> Mur rua danh sarh
8. 6h d}nh gIa Ir} khoI dau
<0L 8IarI=Tr}>
. . . . . . .
<l0L>
Tar dong IaI ra rar mur Irong danh sarh Iru khI mur
Irong danh sarh rh d}nh khar.
Tar dong mur rh d}nh va rar mur sau do nau rar
mur nay khong rh d}nh khar.
<HTML>
<HEAD>
<TITLE> Thay 6Pi Gi Tr; KhRi 63u Trong DS </TITLE>
</HEAD>
<BODY >
<OL Type="1">
<LI> DreamWeaver MX
</OL>
<H3> CHC(NG TRNH O T8O THIOT KO WEB NC</H3>
<OL Type="1" START="5">
<LI> Ngn ng@ XML
<LI> Ngn ng@ Visual Basic.Net
<LI> Cng ngh> ASP.Net
</OL>
</BODY>
</HTML>
V du.
# kaI qua hIan Ih}
ung da Iap danh sarh IhuaI ngu. MoI mur rua danh
sarh gom Z phan.
khaI bao IhuaI ngu
}nh ngha IhuaI ngu
III. anh 8arh }nh hgha
<L>
<T> khaI bao IhuaI ngu
<> }nh ngha IhuaI ngu 1
<> }nh ngha IhuaI ngu Z
. . . . . . .
<lT>
. . . . . . .
<lL>
<HTML>
<HEAD>
<TITLE> T$o Danh Sch 6;nh Ngha</TITLE>
</HEAD>
<BODY Text="Blue">
CHC(NG TRNH O T8O 
<DL>
<DT>TIN HSC VN PHNG
<DD> Tin hJc cn b<n & WindowsXP
<DD> SJan Th<o vn b<n MicroSoft Word
<DD> XK l! b<ng tnh MicroSoft Excel
<DT> TIN HSC QU9N L" 
<DD> L=p trnh CSDL MicroSoft Access 2003
<DD> Thi&t k& trnh chi&u MicroSoft PowerPoint
</DL>
</BODY>
</HTML>
# kaI qua hIan Ih}
IV. anh 8arh Long hhau
kaI hop rar Iha <0L>, <0L>, <LI> da Iap danh sarh
Iong nhau
Tao Iap IIn VZ0.hTM voI noI dung nhu sau V du.
<HTML>
<HEAD>
<TITLE> T$o Danh Sch LTng Nhau</TITLE>
</HEAD>
<BODY >
<H3>CHC(NG TRNH O T8O NGNH WEBSITE</H3>
<OL TYPE="I">
<LI> THIOT KO WEBSITE 
<OL TYPE = 1">
<LI> Ngn ng@ HTML & ForntPage
<LI> Ngn ng@ k;ch b<n JavaScript
<LI> Media Flash MX
<LI> Thi&t k& giao di>n PhotoShop
<LI> Thi&t k& WebSite Dreamweaver MX
</OL>
<LI> LUP TRNH WEBSITE 
<OL TYPE = "1">
<LI> Phn tch & Thi&t k& CSDL
<LI> L=p trnh CSDL ASP.NET & SQL Sever
<LI> Qu<n tr; Website
<LI>6- ti t5t nghi>p 
</OL>
</OL>
</BODY>
</HTML>
# kaI qua hIan Ih}
T0 6h06 WE88ITE,
80 0h hhh khh, ThIET LkF LIEh kET
8aI 04
I. To 6hur WabsIIa
II. 8u ung hnh knh Trong Trang Wab
III. Tao LIan kaI Trong Trang Wab
IV. 8an do anh
! 1 WabsIIa bao gom raI nhIau Irang Wab (Iap IIn
hTML).
! khI Iuu Iru phaI Io rhur ro rau Irur da Ihuan IIan
Irong quan Iy, dIau rhnh va sau.
! khI dua WabsIIa Ian Wab8arvar duor rap 1 d}a rh
(d}a rh Wabsarvar) va 1 Ihu mur.
I. To 6hur WabsIIa
1. 6ar Iap IIn hTML rua 1 WabsIIa
V. hIIp.llWWW.Isp.romlusarnama
}a rh Wabsarvar TaI khoan WabsIIa
V. hIIp.llWWW.ngoIsao.naI
omaIn rIang rho Iung IaI khoan
omaIn rhung rho nhIau IaI khoan
! Trang rhu (homa paga) Ia duor nap khI Iruy rap ma
khong ro Iap IIn nao (6h nhap 0L rua 1 WabsIIa)
! Thuong quI d}nh Ia. Indax.hIm,daIauII.hIm,homa.hIm
Z. Trang rhu rua 1 WabsIIa
V Iruy rap. hIIp.llWWW.ngoIsao.naI
hgha Ia. hIIp.llWWW.ngoIsao.naIlIndax.hIm
# Trang rhu rua 1 WabsIIa
! TaI ra rar Iap IIn hTML va rar Iap IIn khar dau daI
Irong rung 1 Ihu mur.
! Thuan IoI rho WabsIIa nho, I Iap IIn, khong ran
quan Iam dan duong dan.
8. To rhur Iuu Iru 1 WabsIIa
a. To rhur 8IIa 1 Ihu mur
! 8an Irong Ihu mur rhnh, Io rhur rar Ihu mur ron
rhua rar Iap IIn ro noI dung IIan quan voI nhau.
! TaI Ihu mur rhnh rh rhua Iap IIn rh mur va rar
hnh anh ran IhIaI.(Ihu mur rhnh rhua Irang rhu, moI
Ihu mur ron Ia 1 hoar 1 nhom rar Irang ron)
b. To rhur 8IIa Ihu mur Ihao rhur nang
r. To rhur 8IIa Ihu mur Ihao kIau Iap IIn
! 8an Irong Ihu mur rhnh, Io rhur rar Ihu mur ron
rhua rar Iap IIn rung kIau.
+ Thu mur rhnh rhua Irang rhu,
+ 1 Ihu mur ron rhua rar Irang hTML,
+ 1 Ihu mur ron rhua rar Iap IIn hnh anh.
+ 1 Ihu mur ron rhu rar Iap IIn am Ihanh . . . .)
! Thuan IoI su dung rhung Iap IIn, da Ihay Iha bo sung
rar Iap IIn vao sIIa.
d. To rhur 8IIa hon hop
! kaI hop 6arh Io rhur 8IIa Ihao Ihu mur rhur nang va
6arh Io rhur 8IIa Ihao kIau Iap IIn.
4. }a rh Iuong doI & }a rh IuyaI doI.
hIIp.llTan 8arvarluong danl Tan Iap IIn
a. }a rh IuyaI doI.
khI Iham rhIau dan 1 Iap IIn phaI ghI day du 0L.
V. hIIp.llvIaInamnaI.vnlTInkInhIalquorIalIIn07.hImI
uong danlTan Iap IIn Iham rhIau
b. }a rh Iuong doI.
khI Iham rhIau dan 1 Iap IIn khar Ihu mur Iap IIn rhnh.
Tan Iap IIn Iham rhIau
khI Iham rhIau dan 1 Iap IIn rung Ihu mur Iap IIn rhnh.
hI rhu. 8u dung ..l da rh Ihu mur rap Iran Ihu mur
rhua Iap IIn rhnh.
V du.
Tap IIn rhnh
Tap IIn hnh anh Iham rhIau.
Logo.|pg
8a ghI. ..l..lImagaslLogo.|pg
! 6ar kIau Iap IIn hnh anh rho phap.
.|pg,gII,.png,.bmp
II. 8u ung hnh knh
1. khaI quaI
! 8u dung hnh anh ran ran nhar. 8L anhl
1Irang, krh Ihuor va do phan gIaI, nham raI
IhIan Ior do Iruy rap.
! FhaI daI hnh anh o v} Ir nao do Irong Ihu mur
rhnh rua WabsIIa da khI 0pIoad WabsIIa Ian 8arvar
IIan kaI dan hnh anh Ion IaI.
! 8u dung Ihuor Inh 8arkground Irong Iha 80Y
Z. ThIaI Iap anh nan rho Irang
<80Y 8arkground=Tan Iap IIn 8gproparIIas
=FIxad>
Tan Iap IIn . La d}a rh IuyaI doI or Iuong doI rua anh
8gproparIIas =FIxad . hnh anh mo baI dong
V. <80Y 8arkground ="Imagasl8gr06.1F" >
8. 6han hnh anh vao Irang Wab
<IM 8rr=Tan Iap IIn kII=6au rhu Ihrh>
Tan Iap IIn . La d}a rh IuyaI doI or Iuong doI rua anh
6au rhu Ihrh. hIan Ih} Iran Irnh duyaI khI Iro Mousa
vao hnh
V. <Img 8rr="ImagaslF0Z.|pg">
<Img 8rr="ImagaslF06.|pg" kII=6a s an Truong">
4. }nh krh Ihuor anh rhan
<IM 8rr=Tan Iap IIn WIdIh=n1 haIghI=nZ>
n1, nZ . La Iy Ia % so voI krh Ihuor doI Iuong rhua no
hoar Ihong so krh Ihuor Inh Ihao don v} FIxaI
V.
<IM 8rr="ImagaslF08.|pg" WIdIh="160" haIghI="100">
# knh rhan krh Ihuor rong 160FIxaI rao 100FIxaI
<IM 8rr="ImagaslF08.|pg" WIdIh=80%" haIghI=60%">
# knh rhan krh Ihuor rong =80% rhIau rong rua so.
60% 6hIau rao rua so.
6. Tao khung vIan rho anh
<IM 8rr=Tan Iap IIn 8ordar=n>
n . o day duong vIan (0. khong ro vIan)
V.
<IM 8rr="ImagaslF08.|pg" 8ordar=Z" >
# knh rhan ro khung vIan bao quanh do day Ia Z pIxraI
<HTML>
<HEAD>
<TITLE> SK DGng Hnh 9nh</TITLE>
</HEAD>
<BODY Background = "Images/Bgr06.jpg" >
SK DGng Hnh 9nh Trn Trang Web
<UL Type="Circle">
<LI>9nh n-n khng c5 %;nh
<LI>9nh chn bnh th+,ng
<LI>9nh chn ch thch
<LI>9nh c quy %;nh kch th+'c 100X100
<LI>9nh c vi-n
</UL>
<IMG Src="Images/P02.jpg">
<IMG Src="Images/P06.jpg" ALT=Ca si an tr+,ng">
<IMG Src="Images/P03.jpg" Width="150" Height="100">
<IMG Src="Images/P08.jpg" Border="2">
</BODY>
</HTML>
# kaI qua hIan Ih}
6. 6anh Ia hnh anh.
<IM 8rr=Tan Iap IIn
kIIgn=huong>
hau khong khaI bao mar d}nh Ia Ihuor Inh 8oIIom
Top. Fhan dau Ihang hang voI dong dau V8.
MIddIa. Fhan gIua Ihang hang voI dong dau V8.
8oIIom. Fhan ruoI Ihang hang voI dong dau V8.
LaII. 8Ian IraI anh ran Ihang Ia IraI Irang, V8 bao
quanh ban phaI anh.
IghI. 8Ian phaI anh ran Ihang Ia phaI Irang, V8 bao
quang ban IraI anh.
huong.
7. khoang rarh gIua anh voI V8
<IM 8rr=Tan Iap IIn V8para=n1 hspara=nZ>
hau khong khaI bao mar d}nh Ia 4FIxraI
V8para. khoang rah dor
h8para. khoang rah ngang.
n1,nZ. Tnh bang FIxaI
<HTML>
<HEAD>
<TITLE> SK DGng Hnh 9nh</TITLE>
</HEAD>
<BODY BACKGROUND ="IMAGES/BGR07.JPG" BGPROPERTIES=Fixed >


9NH NEN CB 67NH V CC 9NH CHN


<IMG SRC="IMAGES/Gif03.Gif" WIDTH="100" HEIGHT="100"
align="Left" hspace="30" border="2">
<IMG SRC="IMAGES/Gif04.Gif" WIDTH="100" HEIGHT="100"
align="right" border="2">
y l v vG chn <nh n-n c5 %;nh khi n.i dung v+Vt qu trang.
Vn b<n %+Vc chn quanh hnh <nh,
Hnh <nh c thQ %Goc t$o vi-n, thay %Pi kch th+'c, v c nhi-u
ch& %. canh l-: 
Tao Iap IIn VZZ.hTM voI noI dung nhu sau V du.
9nh thM nh2t canh tri, cch vn b<n 1 khLang l 30,bo vi-n 
9nh thM 2 canh ph
cc <nh khc %;nh cng kch th+'c 93x138 c %. dy vi-n l 2,
khLang cch 2 
<IMG SRC="IMAGES/P04.JPG" WIDTH="93 HEIGHT="138"
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2" hspace="2">

border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
border="2"
hspace="2">
</BODY>
</HTML>
# kaI qua hIan Ih}
8. hnh anh ro do phan gIaI Ihap
<IM 8rr=Imaga.gII LoW8rr=ImagaIoW.gII >
hnh anh ro do phan gIaI rao Ihuong rham, nan
su dung hnh anh ro do phan gIaI Ihap (gIong
nhau, rung krh Ihuor) IaI Iruor.
9. Tao 8annar au da rhu Ion
Tao hnh anh krh Ihuor 460x100FIxaI daI dau moI
Irang(ka duoI Iha 80Y)
! 6ar sIau IIan kaI (hypar LInk) Ia roI IoI rua Iap
IIn hTML rho phap Iruy rap dan rar IaI IIau khar
Iran rung may Inh hay o may Inh khar.
III. Tao LIan kaI Trong Trang Wab
1. khaI quaI
<k hEF =}a rh IIan kaI> hhan IIan kaI <lk>
! khI 6IIrk vao IIan kaI su Iruy rap IaI IIau IaI d}a
rh Iruy rap sa Ihur hIan Iu dong
! TaI IIau IIan kaI ro Iha Ia rar Iap IIn. hnh anh,
am Ihanh, MuIIImadIa, hTML . .
La IIan kaI dan rar IaI IIau.
! Tran rung may
! Tran rung Irang Wab.
Z. LIan kaI rur bo (LoraI LInk)
<k hEF =#Tan drh > hhan IIan kaI <lk>
<k hEF =Tan Iap IIn> hhan IIan kaI <lk>
V. <k hEF =V18.hTM> V du 18 <lk>
hI rhu. Tan Iap IIn nan dung d}a rh Iuong doI.
V. <k hEF =#Mur6> Mur so 6 <lk>
hI rhu. Tan drh o baI ru v} Ir nao Iran rung Iap
IIn.
<k hkME =Tan drh> . . . <lk>
khaI bao drh dan.
<HTML>
<HEAD>
<TITLE> Thi&t L=p Lin K&t </TITLE>
</HEAD>
<BODY Background ="Images/Bgr06.JPG" Bgproperties=Fixed >


CHC(NG TRNH O T8O

1.KW thu=t vin tin hJc 
<A Href="VD20.html"> 2.Chuyn ngnh Website </A>
<HR>
KW thu=t vin tin hJc 
 
<A Href="#HP1"> HJc ph3n I </A> 
<A Href="#HP2"> HJc ph3n II </A> 
<A Href="#HP3"> HJc ph3n III </A>
<OL Type="I">
<A Name="#HP1">
<LI> HJc ph3n I: Tin HJc Cn B<n
<OL Type="a">
<LI>TPng quan c2u trc my tnh
<LI>H> i-u hnh Windows &Internet
</OL></A>
<A Name="#HP2">
<LI> HJc ph3n II: Tin HJc Vn Phng
<OL Type="i">
<LI> Microsoft Word
<LI> MicroSoft Excel
</OL></A>
<A Name="#HP3">
<LI> HJc ph3n III: Tin HJc Qu<n L!
<OL Type="1">
<LI> Microsoft Access
<LI> MicroSoft PowerPoint
</OL></A>
</OL>
</BODY></HTML>
# kaI qua hIan Ih}
# khI 6IIrk vao IIan kaI sa dan v} Ir Iuong ung
Irong Irang hoar mo Irang khar.
La IIan kaI dan IaI IIau Iuu Iru Iran may khar.
8. LIan kaI Iu xa(amoIa LInk)
<k hEF =MaIIIo. }a rh EmaII>hhan IIan kaI <l
k>
<k hEF =hIIp.ll0L> hhan IIan kaI <lk>
V. <k hEF =hIIp.llWWW.vIaInamnaI.vn>
WabsIIa IIn Iur vIaI
nam<lk>
V. <k hEF =MaIIIo.phaIrm@yahoo.rom>
oI MaII rho IoI <lk>
8a mo rhuong Irnh maII mar d}nh da soan va guI Ihu.
! LIan kaI dan 1 d}a rh 0L
! LIan kaI dan 1 d}a rh EmaII
4. ung hnh anh Iam nhan IIan kaI.
<k hEF=. . . . TkET=_8Iank>hhan IIan kaI <l
k>
<k hEF=hIIp.ll0L><Img 8rr=Tap IIn anh><lk>
V. <k hEF =hIIp.llWWW.vIaInamnaI.vn>
<Img 8rr=ImagaslvIaInamnaI.|pg> <lk>
Mar d}nh rar IIan kaI duor mo Iran rua so hIan IaI
a mo 1 rua so rIang Ih su dung.
6. Mo IIan kaI Irong 1 rua so rIang.
V.
<k hEF=hIIp.llWWW.vIaInamnaI.vn
Targar=_8Iank > ImagaslvIaInamnaI.|pg<lk>
6. Mau rho IIan kaI.
<8ody . . . LInk=Mau kIInk=Mau VIInk=Mau >
6h d}nh Ihuor Inh mau rho IIan kaI Irong Iha 80Y
V.
<8ody LInk=8Iark" VIInk=8Iua">
LInk. Mau IIan kaI rhua Iruy rap
VLInk. Mau IIan kaI da Iruy rap
kIInk. Mau IIan kaI dang Iro Mousa( 1 so Irnh duyaI
khong ho Iro.
<HTML>
<HEAD>
<TITLE>Lin K&t T# Xa</TITLE>
</HEAD>
<BODY Background ="Images/Bgr07.JPG" Bgproperties=Fixed
Link="Black" vlink="Blue">


DANH B8 WEBSITE


<DL>
<DT>Tin TMc
<DD><A Href="http://www.vietnamnet.vn">
Tin tMc vi>t nam</A>
<DD> <A Href="http://www.Tuoitre.com.vn">
Bo tuPi tr1</A>
<DT> Gi
<DD> <A Href="http://www.nhacso.net
target="_balnk"> Nh$c s5 Online</A>
<DD> <A Href="http://www.ngoisao.net
target="_balnk">Gi'i thi>u ngi sao</A>
</DL>
Lin k&t qu<ng co 
<A Href="http://www.echip.com.vn" target="_balnk">
<Img Src="Images/echip.jpg" width="130" heigh="60"> </A>
<A Href="http://www.vietnamnet.vn" target="_balnk">
<Img Src="Images/vnnet.jpg" width="130" heigh="60"></A>
<HR>
Lin h>:<A Href="Mailto:phetcm@yahoo.com">GRi mail </A>
</BODY>
</HTML>
# kaI qua hIan Ih}
# khI 6IIrk vao IIan kaI sa mo rar WabsIIa Iuong ung
ThIET kE 8kh Tk8LE
8aI 06
I. ThIET kE 8kh Tk8LE
II. [hh kh 8kh
I. ThIET kE 8kh Tk8LE
! 8ang Ia moI rau Irur gom nhIau hang nhIau roI
Ia ky IhuaI Irnh bay rar Ihanh phan Iran Irang Wab
! 6an phaI Ihao rau Irur bang Iruor khI IhIaI ka.
<Tk8LE><6kFTI0h>hoI dung IIau da bang <l6kFTI0h>
<T>
<Th>hoI dung IIau da roI 1<lTh>
<Th>hoI dung IIau da roI Z<lTh>
. . . .
<lT>
<T>
<T>hoI dung o 1 dong 1 <lT>
<T>hoI dung o Z dong 1 <lT>
. . . .
<lT>
. . . . . . .
<lTk8LE>
<HTML>
<HEAD>
<TITLE>Thi&t K& Table</TITLE>
</HEAD>
<BODY>
<TABLE>
<Caption Align=Center>V DF VE B9NG</Caption>
<TR>
<TH> Hnh <nh</TH>
<TH> Vn <nh</TH>
</TR>
<TR>
<TD> <Img Src="Images/P06.jpg"</TH>
<TD>Vn b<n ny chMa trong ny</TH>
</TR>
</TABLE>
</BODY>
</HTML>
# kaI qua hIan Ih}
II. [hh kh 8kh
1. Tao duong vIan.
<Tk8LE 80E=n 80E60L0=Tr} mau>
. . . . . . .
<lTk8LE>
8u dung Ihuor Inh 8ordar Irong Iha TabIa, n Inh
bang FIxaI, mar d}nh Ia Z.
<HTML>
<HEAD>
<TITLE>K0 Vi-n Table</TITLE>
</HEAD>
<BODY>
<TABLE Border=5 BorderColor="Red">
<TR>
<TH> Hnh <nh</TH>
<TH> Vn <nh</TH>
</TR>
<TR>
<TD> <Img Src="Images/P06.jpg"</TH>
<TD>Vn b<n ny chMa trong ny</TH>
</TR>
</TABLE>
</BODY>
</HTML>
# kaI qua hIan Ih}
Z. Tao duong vIan ro bong.
<Tk8LE 8ordar=n 8ordar6oIorark=Tr} 8ordar6oIorLIghI=Tr}>
. . . . . . .
<lTk8LE>
8ordar6oIorark. Mau dam
8ordar6oIorLIghI. Mau sang.
<HTML>
<HEAD>
<TITLE>K0 Vi-n T$o Bng</TITLE>
</HEAD>
<BODY>
<TABLE Border=5 BorderColorDark="Red" BorderColorLight="Red">
<TR>
<TH> Hnh <nh</TH>
<TH> Vn <nh</TH>
</TR>
<TR>
<TD> <Img Src="Images/P06.jpg"</TD>
<TD>Vn b<n ny chMa trong ny</TD>
</TR>
</TABLE>
</BODY>
</HTML>
# kaI qua hIan Ih}
8. ThIaI Iap do rong va ranh Ia bang
<Tk8LE WIdhI=n kIIghI= 6anIar l LaIIl IghI >
. . . . . . .
<lTk8LE>
n. o rong ro d}nh Inh bang pIxaI
n. o rong Iuong doI % krh Ihuor rua so .
6anIar. 6anh gIua rua so Irnh duyaI, Van ban
khong ruon bao quanh.
LaII. 6anh IraI rua so Irnh duyaI, Van ban sa ruon
bao quanh ban phaI bang.
IghI. 6anh phaI rua so Irnh duyaI, van ban sa
ruon quanh ban IraI bang.
<HTML>
<HEAD>
<TITLE>Thi&t l=p %. r.ng v canh l- Table</TITLE>
</HEAD>
<BODY>
<H3> 6;nh vn b<n bao quanh hnh <nh </H3>
<TABLE Border=1 BorderColor="Purple" Align="Left Width="100">
<Caption Align=Bottom> Tr+,ng TH CNTT SG </Caption>
<TR>
<TD> <Img Src="Images/LogoSITC.Gif"</TD>
</TR>
</TABLE>
y l m.t v dG v- vi>c %;nh d$ng vn b<n bao quanh m.t Table. 
B<ng chD l m.t dng %Q hiQn th; hnh <nh 
6Jan vn ny %+Vc nh=p sau khi t$o b<ng v %+Vc cu.n bn ph
Dng ch@ "Tr+,ng TH CNTT SG" L Caption c4a b<ng %+Vc xc l=p %/t
d+'i b<ng.
</BODY>
</HTML>
# kaI qua hIan Ih}
4. Xar Iap mau, anh nan rho banglo.
ung Ihuor Inh 8groIor va 8arkground Irong rar Iha
Iuong ung.
Thuor Inh Y ngha
<TabIa 8groIor=Tr}> Mau nan rho Ioan
bang
<TabIa
8arkground=Imaga.gII>
knh nan rho Ioan
bang
<T 8groIor=Tr}> Mau nan rho Ioan
hang
<T 8arkground=Imaga.gII> knh nan rho Ioan
hang
<T 8groIor=Tr}> Mau nan rho o
<T 8arkground=Imaga.gII> knh nan rho o
<Th 8groIor=Tr}> Mau nan rho o IIau
da
<Th 8arkground=Imaga.gII> knh nan rho o IIau da
6. }nh dang o.
! 6anh Ia noI dung Irong o.
Thuor Inh Y ngha
<T kIIgn=huong> 6anh Ihao rhIau ngang o rar
huong. LaII, IghI, 6anIar
<T VkIIgn=huong> 6anh Ihao rhIau dor o rar huong.
Top, 8oIIom, MIddIa
<Th kIIgn=huong> 6anh hang IIau da Ihao rhIau
ngang
<Th VkIIgn=huong> 6anh hang IIau da Ihao rhIau dor
<T kIIgn=huong> 6anh Ihao rhIau ngang rar o Irong
hang
<T VkIIgn=huong> 6anh Ihao rhIau dor rar o Irong
hang
ung Ihuor Inh kIIgn rho rar Iha Iuong ung
! khoang rarh ban Irong va rhung quanh o.
ung Ihuor Inh 6aII8parIngl6aIIFaddIng rho Iha
TabIa
6aII8parIng=n khoang rarh gIua rar o.
6aIIFaddIng=n khoang rarh quanh noI dung o FIxaI
mar d}nh Ia Z FIxraI.
! ThIaI ka bang Iron o.
ung Ihuor Inh oW8pan va 6oI8pan rho Iha T. Th
da Iao o ro nhIau hanglroI.
Thuor Inh Y ngha
<T oW8pan=n> Tao o ro do rao n hang
<T 6oI8pan=n> Tao o ro do rong n roI
<Th oW8pan=n> Tao o IIau da ro do rao n hang
<Th 6oI8pan=n> Tao o IIau da ro do rong n roI
<HTML>
<HEAD>
<TITLE> 6;nh d$ng Table</TITLE>
</HEAD>
<BODY>
<TABLE Border=1 BorderColor= "Purple" CellSpacing=0 Width=650>
<Caption><H2> KOT QU9 HSC TUP</Caption>
<TR VAlign=Middle Align=Center BgColor="Lime">
<TH RowSpan=8 Width=150 BackGround="Images/Bgr10.jpg">
<Img Src="Images/LogoSITC.Gif" Border=1></TH>
<TH RowSpan=2 Width=150>HJ V tn HJc Sinh</TH>
<TH ColSpan=2 Width=150> Nm Sinh</TH>
<TH RowSpan=2 Width=70>iQm TB</TH>
<TH RowSpan=2 Width=130> X&p LJai</TH>
</TR>
<TR Align=Center BgColor="Lime">
<TH Width=75> Nam </TH>
<TH Width=75>N@ </TH>
</TR>
<TR Align=Center>
<TD Align="Left"> L Thanh Xun </TD>
<TD> </TD>
<TD> 1950 </TD>
<TD> 8.5 </TD>
<TD> GiLi</TD>
</TR>
<TR Align=Center>
<TD Align="Left"> Phan Th& H$ </TD>
<TD> 1985 </TD>
<TD> </TD>
<TD> 6.5 </TD>
<TD> Kh </TD>
</TR>
<TR Align=Center>
<TD Align="Left"> Tr3n Hai Thu </TD>
<TD> </TD>
<TD> 1986</TD>
<TD> 9.5 </TD>
<TD>Xu2t SXc</TD>
</TR>
<TR Align=Center>
<TD Align="Left"> Tr+)ng L+u ng </TD>
<TD>1984 </TD>
<TD> </TD>
<TD> 6.0</TD>
<TD> Trung Bnh</TD>
</TR>
<TR Align=Center>
<TD Align="Left"> L+u Th& M$c</TD>
<TD>1985 </TD>
<TD> </TD>
<TD> 4.5 </TD>
<TD> Km </TD>
</TR>
<TR Align="Center" BgColor="Lime">
<TD ColSpan=3> TPng s5 hJc sinh %$t:</TD>
<TD ColSpan=2> 4 HJc sinh</TD>
</TR>
</TABLE>
</BODY>
</HTML>
# kaI qua hIan Ih}
ThIET kE kh0h FkME
8aI 06
I. ThIET kE kh0h FkME
II. [hh kh kh0h
III.6h [Mh kh0h Lk 6h 60k LIEh kET
I. ThIET kE kh0h FkME
! La 1 ky IhuaI rhIa Irang Wab Ihanh nhIau khung,
moI khung hIan Ih} 1 Irang hTML.
! khong su dung Iha 8ody khI IhIaI ka khung.
<Frama8aI oWs=Tr} rar roI 6oIs=Tr} rar dong>
<Frama hama =Tan1 8rr=0rI1>
. . . . . . . . . . . . .
<Frama hama =Tann 8rr=0rIn>
<lFrama8aI>
Tr} rar roI, Tr} rar dong.
+ krh Ihuor IuyaI doI Inh Ihao pIxaI
+ % krh Ihuor Iuong doI Ihao rua so Irnh duyaI.
0rI. }a rh Iap IIn hIa Ih} Irong khung.
<HTML>
<HEAD>
<TITLE>Thi&t K& Khung</TITLE>
</HEAD>
<FrameSet Cols="10%,60%">
<Frame Name="Khungtrai" Src="Images/LogoSITC.gif">
<Frame Name="Khungphai" Src="VD22.HTM">
</FrameSet>
</HTML>
# kaI qua hIan Ih}
<HTML>
<HEAD>
<TITLE>Thi&t K& Khung LTng Nhau</TITLE>
</HEAD>
<FrameSet Rows="60,160">
<Frame Name="Khungtren" Src="VD32B.HTM">
<FrameSet Cols="60,240">
<Frame Name="Khungtrai" Src="Images/PN04.jpg">
<Frame Name="Khungphai" Src="VD22.htm">
</FrameSet>
</FrameSet>
</HTML>
V. Tao Iap IIn V8Z.hTM voI noI dung nhu sau
! ThIaI ka khung Iong nhau
<HTML>
<HEAD>
<TITLE>Ph3n tiu %-</TITLE>
</HEAD>
<Body BackGround="Images/BGr07.jpg">
<Table Align="Left">
<TR> <TD><Img Src="Images/logoSiTC.Gif" ></TD> </TR>
</Table>
<H3>

TRCYNG TRUNG HSC CNG NGH" THNG TIN SI GN
 
-----SAI GON INFORMATIC TECHNOLOGY COLLEGE-----
</H3>
</Body>
</HTML>
Va Tao Iap IIn V8Z8.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
II. [hh kh kh0h
1. Xar Iap duong vIan.
<Frama8aI Frama8ordar=n1 Frama8parIng=nZ 8ordar6oIor=Ir}>
. . . . . . .
<lFrama8aI>
Mar d}nh khung duor Iao ro duong vIan Ia 6 FIxaI.
6o Ihay Iha Ihay doI bang rarh dung rar Ihuor Inh
sau.
n1=1l0.uong vIan hIan Ih} (Mar d}nh)lkhong hIan
Ih}
nZ. o day duong vIan
Tr}. Tan mau rho duong vIan
Z. Xar Iap khoang rarh Ia khung.
<Frama . . . . MargInWIdIh=n1 MargInhaIghI=nZ>
Mar d}nh khoang rarh noI dung voI khung Ia 8
FIxaI. 6o Iha xar Iap Ia khung bang.
n1. khoang rarh Ia IraI, phaI
nZ. khoang rarh Ia Iran, duoI
8. Xar Iap Ihanh ruon.
<Frama . . . . .8rroIIIng=Ir}>
Mar d}nh Ihanh ruon sa hIan Ih} khI krh Ihuor
khung khong du rho noI dung. 6o Iha xar Iap IaI.
Tr}
kuIo. Tr} mar d}nh rh hIan Ih} khI noI dung
vuoI qua krh Ihuor khung.
Yas. Luon hIan IhI
ho. khong bao gIo hIan IhI
4. 6o d}nh krh Ihuor khung
<Frama . . . . . hoasIta>
Mar d}nh krh Ihuor sa Ihay doI khI nguoI dung kao
vIan khung. a ngan ran vIar hIau rhnh krh Ihuor
<HTML>
<HEAD>
<TITLE>6;nh D$ng Khung</TITLE>
</HEAD>
<FrameSet Rows="40,130" FrameBorder=1
FrameSpacing=10 BorderColor=Navy >
<Frame Name="Khungtren" Src="VD32B.HTM
MarginHeight=0 NoResize>
<Frame Name="Khungtrai" Src="Images/PN04.jpg">
<Frame Name="Khungphai" Src="VD22.htm">
</FrameSet>
</FrameSet>
</HTML>
V. Tao Iap IIn V88.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
III. 6h [hh kh0h hIEh Th[ 6h0 LIEh kET.
1. 6h d}nh drh hIan IhI rho 1 khung IhIaI ka.
8uor 1. aI Ian rhung khung rho Iap IIn IhIaI ka
khung. ung Ihuor Inh hama rua Iha Frama.
<HTML>
<HEAD>
<TITLE>Thi&t K& Khung ChMa Lin K&t</TITLE>
</HEAD>
<FrameSet Rows=50,160">
<Frame Name="Banner" Src="VD32B.HTM" MarginHeight=0>
<Frame Name="Mucluc" Src="DanhmucBT.HTM">
<Frame Name="Noidung" Src=Images/LogoSITC.jpg>
</FrameSet>
</FrameSet>
</HTML>
<HTML>
<Center>Danh MGc BT </Center>
<HR>
01.<A HREF= "vd21.htm" Target="Noidung">Bi t=p 21</A> 
</HTML>
8!"r Z. Xar d}nh drh dan rho IIan kaI.
Trong Iap IIn rhua IIan kaI, dung Ihuor Inh TargaI rua
Iha <k hEF> rh d}nh khung hIan IhI
V. Tao Iap IIn anhmur8T.hTM voI noI dung nhu sau
# kaI qua hIan Ih}
6k6 80 80h
8aI 07
I. hIE0 0h 6h0YEh 0h 6h0
II. hh0h kM Thkhh Vk0 Tkh WE8
III.hh0h 1kVk86IFT
I. hIE0 0h 6h0YEh 0h 6h0
<Marquaa
8ahavIor=hIau ung IrarIIon=huong
Loop=n1 8rroIIkmounI=nZ
8rroIIaIay=n8 8g6oIor=Tr} mau>
6huoI ky Iu
<lMarquaaa>
Trong do.
hIau ung.
+8rroII.8aI dau Iu 1 ranh bIan maI o ranh kIa
+8IIda.8aI dau Iu 1 ranh dung IaI o ranh kIa
+kIIarnaIa.8aI dau Iu 1 ranh rhuyan nguor IaI
o ranh kIa
huong. LaII, IghI, 6anIar huong baI dau
n1. 8o Ian Iap
nZ. khoang rarh(FIxaI) gIua moI Ian Iap
n8. ThoI gIan rho gIua moI Ian Iap.
<HTML>
<HEAD>
<TITLE>Thi#t K# Hi$u %ng</TITLE>
</HEAD>
<Marquee Behavior="alternate" Direction="right"
Loop=3 ScrollaAmount=30
ScrollaDelay=4 bgColor="Blue">

Cho cc b&n! Chc cc b&n h'c t(t

</Marquee>
</HTML>
II. hh0h TkF TIh kM Thkhh
<Embad
8rr=Tan Iap IIn kuIo8IarI=Trua l FaIsa
Loop=n kIIgn=huong>
6ar dang Iap IIn am Ihanh Ihong dung Iran InIarnaI.
.Wav, .mp8, .Wmv, .Wma, .a, .m
1. hhung nhar vao Irang nan
kuIo8IarI = Trua . Tu dong FIay khI mo Irang
kuIo8IarI = FaIsa. 6ho 6IIrk FIay
n . 8o Ian Iap IaI
huong. LaII l IghI Ia rua 6onIroI Iau khIan
<HTML>
<HEAD>
<TITLE>Thi#t K# Hi$u %ng</TITLE>
</HEAD>
<Embed SRC="Sounds\muatinh.wma"
AutoStart=False > 
<Embed SRC="Sounds\noibuonchimsao.wmv
AutoStart=true Loop=2>
</HTML>
<A HREF=Tn t=p tin" target=_blank>
Nhn lin k&t </A>
Z. Tao IIan kaI rho Iap IIn nhar
Nhn lin k&t: l vn b<n ho/c hnh <nh
Target=_blank: MR cKa sP ring
<HTML>
<HEAD><TITLE>Thi&t K& Hi>u Zng</TITLE>
</HEAD>
<Body>
<H3> Nh$c Onlie</H3>
<A HREF="Sounds\thattinhanhkhongbiet.wma
target=_blank> Th=I tnh anh khng bi&t </
A> 
<A HREF="Sounds\chongxa.wmv">ChTng xa </
A>
<Body>
</HTML>
II. hhung Ma 1kVk86IFT
<8rrIpI Languaga=1avasrrIpI Typa=IaxIl|ava8rrIp>
<! hoI dung !>
<l1ava8rrIpI>
1ava8rrIpI Ia ngon ngu k}rh ban rho phap Iao rar
hIau ung song dong rho rar Ihanh phan Iran Irang.
1. IoI IhIau
! 8rrIpI Iu dong Ihur hIan khI IaI Irang
! 8rrIpI hoaI dong khI ro su Iar dong
Z. aI 1ava8rrIpI vao ban Irong IaI IIau
V. Tao Iap IIn V88.hTM ro hIau ung 1ava8rrIpI
dong ho bao quanh ron Iro rhuoI
h. Truy rap WabsIIa. WWWW.1avasrrIpIbank.rom
# 6hon mur ron Iro rhuoI
# 6hon mur rhuoI ro dong ho
# khI Irang hIan Ih} rhon VIaWl8ourra
# 8ao rhap doan roda Iu
<8rrIpI>
. . . . . .
<l8rrIpI>
aI vao v} Ir duoI Iha <lhaad> Tran Iha <8ody> rua
Irang ban muon nhung vao
Thuan IoI khI ap dung rho nhIau Irang
<8rrIpI Languaga=1avasrrIpI Typa=IaxIl|ava8rrIp
8rr=TanIapIIn.IxI>
<l1ava8rrIpI>
8. aI 1ava8rrIpI ban ngoaI IaI IIau
V. Tao Iap IIn hIauungrhuoI.IxI rhua ma 1ava8rrIpI.
# hhung Iap IIn nay vao 1 so Irang
8uu Iam Ihu vIan 1ava8rrIpI IaI WabsIIa
! WWW.1ava8rrIpIbank.rom
! WWW.arhIp.rom.vn
! hoar Im kIam Iu . WWW.googIa.rom.vn

Bai Giang HTML

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Bai Giang HTML

Загружено:

Авторское право:

Доступные форматы

1

Iang VIan. hguyan ThIan ham

Вам также может понравиться