Professional Documents
Culture Documents
Bai Tap HTML Va Css PDF
Bai Tap HTML Va Css PDF
Bai Tap HTML Va Css PDF
HCM
227 Nguyen Van C Quan 5 Tp. Ho Ch Minh
Tel: 8351056 Fax 8324466 Email: ttth@hcmuns.edu.vn
BI TP
CHUYN
--NGN NG HTML
V CSS
Bai tap
1. Bi 1
ngha:
To trang web c ni dung l bi tp S dng cc tag c bn.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
1/19
Bai tap
2. Bi 2
ngha:
To trang web c ni dung l bi tp S dng cc tag c bn, c t mu cho cc on vn bn.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
Hng s
mu
#006600
#0000FF
#FF3399,
#FECFFD
#FFFFCC
2/19
Bai tap
ngha:
To trang web c ni dung l bi vit v Vn L Trng Thnh, c nh dng trang web.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
Hng s mu
nh dng chung:
+
Nn: Mu nu t
#A06D21
Ch: Mu trng
#FFFFFF
#FFCC00
3/19
Bai tap
ngha:
To trang web c ni dung l bi vit v Lu i g Pattaya, c nh dng trang web.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
Hng s mu
nh dng chung:
+
#008888
#339999,#FFFFFF
5. Bi 5
4/19
Bai tap
ngha:
To trang web c ni dung c nh dng theo nhiu hnh thc.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Tiu ca s: nh dng vn bn
Ni dung
trang web
Hng s mu
#FF0000
#0000CC,
#CCCCCC
6. Bi 6
ngha:
To trang web c ni dung l bi vit v Thng Hi, c nh dng theo nhiu hnh thc.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Tiu ca s: nh dng vn bn
Ni dung
trang web
5/19
Bai tap
nh dng nh hnh trn
an vn u: canh l tri
Dng Bn Thng Hi: canh l phi, size=20px
an vn cui: canh l phi
7. Bi 7
ngha:
To trang web c ni dung l thng tin v Cng ty Hoa ti Nhn i, c nh dng theo nhiu hnh
thc.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
8. Bi 8: Trang To bng
6/19
Bai tap
ngha:
To trang web c ni dung l danh sch cc mn n ngon ca H Ni.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Tiu ca s: To bng
Ni dung
trang web
Nn mu v ht g
Hng s mu
#FFEDCA
#CC6600, #FFFFFF
#FFFFFF, #FFEDCA
ngha:
To trang web c ni dung l chng trnh hc ca ngnh Lp trnh.
Yu cu thit k:
7/19
Bai tap
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
Hng s mu
#CC0033;#FFFFFF
ngha:
To trang web c ni dung l bi vit qung co chng trnh khuyn mi du gi Double Rich.
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
Hng s mu
#FF0000, #FFFFFF
Dng 3: Nn nht, ch m
#FFBBBB, #FF0000
8/19
Bai tap
ngha:
To trang web ng nhp
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
To form
To table trong form
To 2 iu khin (.k) Text Fields v nt Button
To .k nhn dng xut ni dung M ngi dng
Yu cu x l:
Stt
i tng
Nt ng
Yu cu x l chc nng
Khi chn: Xut ni dung M ngi dng ra iu khin nhn
12. Bi 12
ngha
9/19
Bai tap
To trang web cho php ngi dng in thng tin vo Phiu ng k tham gia trng trnh khuyn
mi
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
To form
To table trong form
To cc iu khin Text Fields, Radio, Drop-down box v nt Button
cng!!!
Yu cu x l:
Stt
i tng
Nt ng
Yu cu x l chc nng
Khi chn: Xut ni dung cu thng bo
13. Bi 13
ngha
To trang web cho php ngi dng in thng tin vo phiu ng k du lch
Yu cu thit k:
10/19
Bai tap
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
To form
To table trong form
To cc iu khin Text Fields, Checkbox, Radio, Drop-down box, OptionGroup,
Textarea v nt Button
iu khin Chn tour c danh sch nh sau:
Yu cu x l:
Stt
i tng
Nt ng
Yu cu x l chc nng
Khi chn: Xut ni dung cu thng bo
Yu cu thit k:
Stt
1
i tng
Ni dung
trang web
Yu cu
Hng s mu
Nn mu xanh dng m
#003399
Ch mu trng
#FFFFFF
11/19
Bai tap
Yu cu thit k:
Stt
1
i tng
Ni dung
trang web
Yu cu
Hng s mu
#DEF0FA
To trang ch:
ngha:
To trang web xem ni dung cc bi tp v ngn ng HTML
Yu cu thit k:
Stt
1
i tng
Trang web
Yu cu
Tiu ca s: To frame
12/19
Bai tap
2
Ni dung
trang web
To 3 frame, trong :
+
ngha
To trang web xem ni dung cc bi tp v ngn ng HTML
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Tiu ca s: To iframe
Ni dung
trang web
Yu cu x l:
Stt
1
i tng
Thc n
bi tp
Yu cu
Khi chn: Th hin ni dung trang web tng ng trong bn phi
13/19
Bai tap
14/19
Bai tap
ngha:
To trang web c ni dung l cc chuyn mc thc mc Ai? Ci gi? u?
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Tiu ca s: Bi tp tng hp
Ni dung
trang web
Yu cu x l:
Stt
i tng
Thc n cc
chuyn mc
V u trang
Yu cu
15/19
Bai tap
ngha
To trang web c ni dung l bi vit v m thc Nam b, c hiu ng vn bn v ng vin
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
S dng CSS :
To lp c v tr tng i v 1 lp c v tr tuyt i,
Tn lp CSS
.binhthuong v
16/19
Bai tap
kt hp 2 lp ny to ta c bng ca ch.
.bong
To lp nh dng Dropcap
.dropcap
.khung
i tng
Hnh nh
Yu cu x l chc nng
Khi r chut vo hnh nh:
17/19
Bai tap
ngha:
To trang web c ni dung l bi vit v Mi N, c hiu ng hnh nh, vn bn v chut
Yu cu thit k:
Stt
i tng
Yu cu
Trang web
Ni dung
trang web
S dng CSS :
Tn lp CSS
.baiviet
i tng
Hnh nh
Yu cu x l chc nng
Khi r chut vo hnh nh:
Mt i ta
Khi nhn chut vo hnh th xut hin ni dung bi vit pha bn phi ca
hnh (hnh 3)
2
Trang web
18/19
Bai tap
MC LC
1.
Bi 1 ................................................................................................................................................ 1
2.
Bi 2 ................................................................................................................................................ 2
3.
4.
5.
Bi 5 ................................................................................................................................................ 4
6.
Bi 6 ................................................................................................................................................ 5
7.
Bi 7 ................................................................................................................................................ 6
8.
9.
10.
11.
12.
Bi 12 .......................................................................................................................................... 9
13.
Bi 13 .........................................................................................................................................10
14.
15.
16.
17.
18.
19/19