Xây dựng module tích hợp cho môn học động cơ đốt trong theo hướng hiện đại ứng dụng công nghệ thông tin

4

TịM TT

Vnăđăxơyădng,ăbiênăsonăgiáoătrìnhăchoăphùăhpăviăchngătrìnhăđƠoătoă
caătngătrngălƠăhtăscăcnăthit.ăThcăt,ăhinănayăhuăhtăcácătrngăđuăđƣătă
trangăbăchoămìnhănhngăgiáoătrìnhăluăhƠnhăniăbădoăchínhăcácăgingăviênăđangă
côngătácătiăcácăKhoaăcaătrngăbiênăson.ăĐuănƠyălƠăhoƠnătoƠnăchpănhnăđc.
Và cũngăxutăphátătăthcăt,ăngiănghiênăcu đƣătpătrungăvƠoăvicănghiênă
cu,ă xơyădngă giáoă trìnhă mônă Đngă că đtă trong theoă hngă hină điă ngă dngă
côngănghăthôngătin ápădng vƠoăgingădyătiăbămônăđngăcăthucăKhoaăĐngă
lc,ătrngăCaoăđngăkăthutăLỦăTăTrng ThƠnhăphăHăChíă Minh,ăniăngiă
nghiênăcuăhinăđangăcôngătác.
ĐătƠiăắXơy dng module tích hp cho môn hc Đng c đt trong theo
hng hin đi ng dng công ngh thông tinẰ đƣăđcătinăhƠnhăviăvicăsă
dngăphnămmăthităk,ălp trình Adobe Dreamweaver CS5ăktăhpăviăcácăphnă
mm,ăcôngăcăhătr:ăJavascript,ăPhotoshopăCS5.ăPhnămmănƠyăcóăuăđimălƠăcácă
phnămmăcôngăcăhătrăchoănóărtăphongăphú,ăđaădng.ăĐcăbitănóăcóăthănơngă
cpăvƠăcpănhtăthêmăcôngăcăhătr.ăSnăphmătoăraălƠămtăfileăwebăđcătrìnhă
bƠyădiăngônăngălpătrìnhăwebă.HTMLănênănóăcóădungălngărtănhănhngăcóă
thăchaămtăkhiălngăkinăthcăkhngăl.
ĐătƠiăđƣăgópăphnăvƠoăvicăphátătrinăvicăngădngăthităbăhinăđiăvƠăcungă
cpăthêmătƠiăliuăthamăkhoăchoăcácăkăsăvƠăgingăviênătrongăngƠnh.






5

ABSTRACT

The issue of constructing and compiling curricula to suit the educational
program of each college/university is essential. In fact, most schools currently have
to equip themselves with curricula for internal use compiled by lecturers working at
different faculties. This is totally acceptable.
And coming from practice, the researcher has focused on the research and
development of the curriculum for the course of combustion engine according to
modern applications of information technology to teaching in the engine subject of
the Faculty of Automotive, Ly Tu Trong Technical College Ho Chi Minh City,
where the researcher is currently working at.
The project "The construction of integrated module for the course of internal
combustion engine according to modern applications of information technology"
has been conducted with the use of design software, the program Adobe
Dreamweaver CS5 combined with software, support tools such as Javascript,
Photoshop CS5. This software has the advantage that there is a wide range of
diverse support tools for it. In particular, it can be upgraded and updated with
support tools. The resulting product is a file web presented in web programming
language .HTML, so it has very low capacity but can contain a huge amount of
knowledge.
The project has contributed to the development of applications in modern
equipment and provided additional references for engineers and lecturers in the
industry.




6

DANH SÁCH CÁC HÌNH

HÌNH TRANG
Hình 3.1:ăGiiăthiuăphnămmăAdobeăDreamweaverăCS5 24
Hình 3.2:ăGiaoădinăDreamweaveră 25
Hình 3.3:ăBngăcomponentă 26
Hình 3.4:ăVùngălƠmăvicăchính 27
Hình 3.5:ăBngăthucătính 27
Hình 3.6:ăBngăchcănĕng 28
Hình 3.7:ăăKhiătoătrangăweb 29
Hình 3.8:ăThuc tính trang web 30
Hình 3.9:ăTiêuăđăvƠăbngămƣ 31
Hình 3.10:ăThitălpăthucătínhăbng 32
Hình 3.11:ăĐnhădngăbng 33
Hình 3.12:ăThêmădòngăvƠoăbng 33
Hình 3.13:ăCanhălăchoăvĕnăbnătrongăô 34
Hình 3.14:ăThucătínhăcaăhìnhănh 34
Hình 3.15: Chèn tpătinăđaăphngătin 35
Hình 3.16:ăKhiăđngăDHTMLăMenu 35
Hình 3.17:ăCácătácăvăthităk 36
Hình 3.18:ăThucătínhăđaăchăliênăkt 36
Hình 3.19:ăToătemplateăchoăWebsite 37
Hình 3.20:ăChnăthămcăluătrăWebsite 38
Hình 3.21:ăChnăvùngăthayăđiătrên template 39
Hình 5.1: ToăliênăktăviăthămcăGTDT 67
Hình 5.2: Toăfileăindex.html 68
7

Hình 5.3: Toăthămcăcontent 68
Hình 5.4: Menuăngangăcaătrangăweb 68
Hình 5.5: Menuădcăcaătrangăweb 69

Hình 5.6: Khungăsnăcaătrangăch 69
Hình 5.7: Đonămƣăcodeătoănn,ămƠuăch,ăfontăch,ăcanhălăchoăwebsite 70
Hình 5.8: Đonămƣăcodeăhinăthămenuăngangăcaăwebsite 71
Hình 5.9: ĐonămƣăcodeăhinăthăvătríăbannerăvƠămenuăngangătrênăkhungăsn 71
Hình 5.10: NhpăniădungăvƠoăphnăNiădungăwebsiteăcaăkhungăsnătrangăch72
Hình 5.11: ĐonămƣăcodeăchènăvideoăclipăvƠoăvătríătngăngătrênătrangăch 72
Hình 5.12: Giaoădinătrangăch 73
Hình 5.13: Khungăsnăca trang con 74
Hình 5.14: Đonămƣăcodeăhinăthămenuădc 75
Hình 5.15: Đonămƣăcodeăhin thăvătrí menu dc trênăkhungăsn 75
Hình 5.16: Nhpăniădungăchoătrangăcon 76
Hình 5.17: Đonăcodeăhinăthăthanhătrt 76
Hình 5.18: Giaoădinătrangăcon 77
Hình 5.19 ToăliênăktăđnăcácăbƠiăvit 78








8

MC LC

Trangătaă TRANG
QuytăđnhăgiaoăđătƠi
Xácănhnăcaăcánăbăhngădn
Phiuănhnăxétălunăvĕnăthcăsƿă- CBHD

LỦălchăkhoaăhcă i
Liăcamăđoană ii
Liăcmăn iii
Tómătắt iv
Mcălcă vi
Danh sách các hình ix
Chng 1. DN NHP 1
1.1 LỦădoăchnăđătƠi 1
1.2 McătiêuăcaăđătƠi 3
1.3 Điătngănghiênăcu 3
1.4 Phmăviănghiênăcu 3
1.5 ụănghƿaăkhoaăhcăvƠătínhăthcătinăcaăđătƠi 4
1.6 Phngăphápănghiênăcu 4
1.7 Kăhochănghiênăcu 4
1.8 Cácăbcăthcăhin 5
Chng 2. C S Lụ THUYT V NGỌN NG THIT K WEB 6
2.1 Ngôn ngăHTML 6
2.1.1ăGiiăthiu 6
2.1.2ăCácăthƠnhăphnăcaătrangăHTML 6
9

2.1.2.1ăThẻăăHTML 6
2.1.2.2ăCuătrúcăcaămtătrangătƠiăliuăHTML 7
2.1.3 Cácăthẻăcăbnă 8
2.1.3.1ăăCácăđnhădngăvĕnăbn 8
2.1.3.2ăăChènăhìnhănhăvƠoătrangăHTML 11
2.1.3.3 MƠuăsắcăvƠăcuătrúcăchoănn 13
2.1.3.4ăSădngăsiêuăđngădnă(Hyperlink) 14
2.1.3.5 Khung (Frame) 15
2.1.3.6ăăCácăbngă(Tables) 17

2.2 GiiăthiuăJavaScript 18
2.2.1ăăGiiăThiu 18
2.2.2ăăCáchăthcăvitămtăđonămƣăJavaScript 19
Chng 3. GII THIU PHN MM THIT K WEB ADOBE
DREAMWEAVER CS5 22
3.1 GiiăthiuătngăquanăvăAdobeăDreamweaverăCS5 22
3.2 TngăquanăgiaoădinăDreamweaver 23
3.3 ThităkăwebăviăDreamweaver 27
3.3.1ăToăthămcăchaătoƠnăbăweb 27
3.3.2ăToămiămtătrangăweb 27
3.3.3ăLuămtătrangăweb 27
3.3.4ăĐnhădngătrangăweb 28
3.3.5ăXemătrangăwebătrênătrìnhăduyt 29
3.3.6ăToăbngătrongătrangăweb 30
3.3.7 Chèn hình vào trang web 32
3.3.8ăToămenuăchoătrangăweb 33
3.3.9ăToăliênăktăchoătrangăweb 34
10

3.3.10ăToăTemplate 35
Chng 4. NGHIÊN CU, BIÊN SON NI DUNG GIÁO TRỊNH 38
4.1 Chngătrìnhăđăcngăchiătit 38
4.1.1ăăHocăphnăĐngăcăđtătrong 38
4.1.2ăHcăphnăThcătpăđngăcăcăbn 52
4.2 Biênăsonăniădungătngămônăhcătheoăchngătrìnhăđăcngăchiătit 64
Chng 5. THIT K, XỂY DNG CÁC MODULE BNG PHN MM
ADOBE DREAMWEAVER CS5 65
5.1 Khiătoăcơyăthămc 65
5.1.1ăToăthămcăchaăngună(source) 65
5.1.2ăToăliênăktăviăthămcăchaăngun 65

5.1.3ăToăcácăthămcăconătrongăthămcăGTDT 66
5.2 Thităk trangăchăcaăwebsite 67
5.2.1ăXơyădngăphnăkhungăsnăchoătrangăch 67
5.2.2ăThităkătrangăch 67
5.2.3ăGiaoădinătrangăch 71
5.3 Thităkătrangăconăcaăwebsite 71
5.3.1ăXơyădngăphnăkhungăsnăchoătrangăcon 71
5.3.2ăThităkătrangăcon 71
5.3.3 Giaoădinătrangăcon 75
5.4 ToăliênăktăđnăcácăbƠiăvit 76
KT LUN 77
TÀI LIU THAM KHO 79


11

CHNG 1: DN NHP

1.1 Lý do chn đ tƠi
Trong nhngănĕmăgnăđơy,ăvi s phát trinăvƠăđuăt,ăm rng hp tác vi
quc t trongălƿnhăvc giáo dc, chúngătaăđƣănhnăđc s h tr nhiuăhnăv kinh
t và k thut công ngh t nhiuăphía,ăđc bit là t nhngănc có nn giáo dc
tiên tin,ăđiuăđóăđƣăto thun li cho giáo dc phát trin. Ngành công ngh ô tô
cũngăkhôngănmăngoƠiăxuăhngăđó,ăvi s áp dng ngày càng nhiu các k thut,
công ngh miăđi viăngƠnhăđƠoăto v k thut và công ngh ôătôănc ta.
Tuy nhiên, taăhòaănhpăcƠngăsơuăvƠoăthăgiiăthìănhngănhcăđimăcaăncă
taăcƠngăbcălămƠărõănhtănhălcălngălaoăđngăđcăđƠoătoăchaăđáp ngăđcă
yêuăcuăphátătrinăkinhătănhăkănĕngăthcăhƠnhăyu,ăkhôngătipăcnăngayăđcăviă
thcătăsnăxut,ătácăphongăcôngănghipăchaăcao.ăVìăvy,ăvicăcungăngăngunălaoă
đngăcóăkănĕngăphùăhpăchoăsăphátătrinăcaăđtăncălƠăduăhiăđcăđtăraăvi

ngƠnhă giáoă dcă nóiă chung,ă ngƠnhăĐƠoă toă vƠădyă nghă nóiă riêngă mƠă đcă bită lƠă
ngƠnhăcôngăngh ôtôăphiăđápăngămtăcáchăkpăthiăđăngunălcălaoăđngăVită
NamăkhôngăbăttăhuăquáăxaăsoăviăkhuăvcăvƠăthăgii.
VămtăchtălngăđƠoătoăsoăviănhuăcuăcaăthcătinăxƣăhiăhinănayăcònă
nhiuăbtăcpănhăchngătrìnhăđƠoăto,ăthităbălcăhuăchaăđápăngăđcăviăsă
phátătrinăcaăcôngănghătrongăngƠnhălƠămtăthcăt.ăĐiuăđóăđaăđnăvicăngiă
đcăđƠoătoăthiuănhngăkănĕngănghămtăcáchăđángăquanătơm.ăVicăxơyădngă
chngătrìnhăđƠoătoăvƠătrangăthităbăđngăbălƠămtăvnăđărtăquanătrngăđăđmă
boăsăthngănhtăgiaălỦăthuytăvƠăthcăhƠnh,ăngiăhcăkhôngăphiăhcălỦăthuyt
mƠăluônăphiăcóăthcătăngădngăđiăkèmăvƠăyuătăđcăbităquanătrngălƠăphi phù
hpăviăthcătăsnăxut.ă
Hinănay,ătrênăcăncăcóărtănhiuătrngăĐiăhcăậ CaoăđngăđƠoătoăchuyênă
ngƠnhăcôngănghăôătô.ăTuyănhiên,ădoănhiuăyuătăkháchăquanăvƠăchăquanănh:ăcă
12

săvtăcht,ăđiăngũăgiáoăviênăgingădyăvƠăđcăbitălƠăđiătngăngiăhc,ătcălƠă
tùyăthucăvƠoăchtălngăsinhăviênăcaăcácătrngămƠămiătrngăxơyădngăchngă
trìnhăđƠoătoăchoăphùăhpăviătrìnhăđătipăthuăcaăsinhăviên.ăVƠăđătrinăkhaiăthcă
hinătheoăđúngăchngătrìnhăđƠoătoăđƣăđcăphêăduyt,ăchpăthunăthìăli vpăphiă
vnăđănênăsădngăgiáoătrìnhănƠoăđăgingădyălƠăhpălỦ.ăMiăbcăhcăđuăđiăkèmă
viămtăđiătngăngiăhcănhtăđnh,ăvìăvyăgiáoătrìnhăsădngăgingădyăphiăápă
dngăđúng,ăphùăhpăviătrìnhăđătipăthuăcaăđiătngăhc.ăVíăd:ăKhôngăthăsă
dngăgiáoătrìnhădùngăgingădyăbcăĐiăhcăápădngăchoăbcăTrungăcp.
Vnăđăxơyădng,ăbiênăsonăgiáoătrìnhăchoăphùăhpăviăchngătrìnhăđƠoătoă
caătngătrngălƠăhtăscăcnăthit.ăThcăt,ăhinănayăhuăhtăcácătrngăđuăđƣătă
trangăbăchoămìnhănhngăgiáoătrìnhăluăhƠnhăniăbădoăchínhăcácăgingăviênăđangă
côngătácătiăcácăKhoaăcaătrngăbiênăson.ăĐuănƠyălƠăhoƠnătoƠnăchpănhnăđc.
VƠătrongăđătƠiănghiênăcuănƠy,ăcũngăxutăphátătăthcăt,ăngiănghiênăcuă
tpătrungăvƠoăvică nghiênăcu,ăxơyădng giáo trìnhămônăĐngăc đtătrongătheo
hngăhinăđiăngădngăcôngănghăthôngătin ápădng vào vic gingădyătiăbă

mônăđngăcăthucăKhoaăĐngălc,ătrngăCaoăđngăkăthutăLỦăTăTrng Thành
phăHăChíăMinh,ăniăngiănghiênăcuăhinăđangăcôngătác.
Nhăđƣăđăcp,ăthcătăhinănayăcóărtănhiuăgiáoătrìnhăvămônăhcănƠy,ăviă
nhngăniădungăphongăphúăvƠătheoănhiuătrngăpháiăkhácănhau.ăTiăcácătrngăĐiă
hcălnăcóăđƠoătoăngƠnhăcôngănghăôătôănh:ăĐiăhcăSăphmăKăthutăThƠnhăphă
HăChíăMinh,ăĐiăhcăBáchăkhoaăThƠnhăphăHăChíăMinh,ăĐiăhcăBáchăkhoaăHƠă
Ni,ă Điă hcă Báchă khoaă ĐƠă Nngầđuă cóă nhngă giáoătrìnhă Đngă că đtă trongă
chunămcădoăcácăthyăđuăngƠnhăbiênăson.ăVíăd:ăNguyênălỦăktăcuăđngăcăđtă
trong, GVC. VõăVĕnăNhun,ăThS.ăNguynăVĕnăTrng,ăĐiăhcăSăphmăKăthută
ThƠnhăphăHăChíăMinh,ă2006;ăGiáoătrìnhămônăhcăKtăcuăđngăcăđtătrong,ăTS.ă
DngăVităDũng,ăĐiăhcăBáchăkhoaăĐƠăNng,ă2007ầăVƠăđaăsăđuăphơnăchiaărtă
rõărƠngăgiaăhcăphnălỦăthuytăvƠăhcăphnăthcăhƠnh.
13

Doăđóăđòiăhiăsinhăviênăphiăcóăkhănĕngătipăthuătt.ăVìăvy,ănuăápădngă
nguyênăbnănhngăgiáoătrìnhăđóăvƠoăgingădyăchoăcácătrngăCaoăđng,ăTrungăcpă
nghă đƠoă toă ôă tôă nóiă chung,ă Khoaă Đngă lcă trngă Caoă Đngă kă thută LỦă Tă
Trng ThƠnhăphăHăChíăMinh nóiăriêngăthìătălăthƠnhăcôngăkhôngăcao.ăDoăhngă
đƠoătoăcaă trngălƠăđƠoă toăraănhngăcôngă nhơnăkăthut,ăkăthută viênăkhôngă
nhngăhiuăvălỦăthuytămƠăcònăcóătayăngh,ăcóăkănĕngăthcăhƠnh.
ChínhăvìălỦădoăđó,ăngiănghiênăcuăđƣătpătrungănghiênăcu,ăbiênăson:
“Xơyădng moduleătíchăhpăchoămônăhcăĐngăcăđtătrongătheoăhngăhinăđiă
ngădngăcôngănghăthôngătin”.
1.2 Mc tiêu ca đ tài
Mcă tiêuă caă đă tƠiă lƠă să dngă phnă mmă thită k,ă lp trình web Adobe
Dreamweaver CS5 ktă hpă viă cácă phnă mm,ă côngă că hă tr:ă Javascript,
PhotoshopăCS5ăđăxơyădngăgiáoătrìnhămônăĐngăcăđtătrong thƠnhăgiáoătrìnhăđină
tătheoăhngăhinăđi.
1.3 Đi tng nghiên cu
ĐiătngănghiênăcuăcaăđătƠiălƠ:ănghiênăcuăthităkăbiênăsonăgiáoătrìnhă

đinăt cho môn hc Đngăcăđt trong theoăhng hinăđi.
1.4 Phm vi nghiên cu
Niădungănghiênăcuătpătrungăăcácăvnăđăsau:
- Nghiênăcu, biênăsonăphnălỦăthuytăcaămônăĐng căđtătrong.
- Nghiênăcu, biênăsonăphnăthcăhƠnhăcaămônăThcătpăĐngăcăcăbn.
- Nghiên cu, sădngăphn mmăthităk,ălpătrìnhăAdobe Dreamweaver CS5
ktăhpăviăcácăphnămm,ăcôngăcăhătr:ăJavascript,ăPhotoshopăCS5.
- Ngônăngăwebă.HTML

14

1.5 ụ nghĩa khoa hc và tính thc tin ca đ tài
McăđíchăcaăđătƠiălƠăthităkăgiáoătrìnhăđinătămônăhcăĐngăcăđt trong
theoă hngă hină điă côngă nghă viă vică să dngă phnă mmă thită k,ă lpă trìnhă
MicrisoftăDreamwearăCS5ăktăhpăviăcácăphnămm,ăcôngăcăhătr:ăJavascript,ă
Photoshop CS5. SnăphmătoăraălƠămtăfileăwebăđcătrìnhăbƠyădiăngônăngălpă
trình web .HTML.ăuăđimăcaăđătƠiălƠădoăfileătoăraăcóăđuôi .HTML nên nó có
dungălngărtănhănhngăcóăthăchaămtăkhiălngăkinăthcăkhngăl,ămƠănuă
taăinăthƠnhăsáchăđăsădngăthìătnăkémărtănhiuăchiăphíăcũngănhăăkhóăkhĕnătrongă
vicăboăqun,ăsădng.
ĐătƠiăgópăphnăvƠoăvicăphátătrinăvicăngădngăthităbăcôngănghăhinăđiă
vƠăcungăcpăthêmătƠiăliuăthamăkhoăchoăcácăkăsăvƠăgingăviên,ăcũngănhăsinhă
viên trong ngành.
1.6 Phng pháp nghiên cu
- PhngăphápănghiênăcuătƠiăliu điăchiuăviăthcătăgingădyăătrngă
CaoăđngăKăthutăLỦăTăTrng.
- Phngăphápăthngăkê.
- Phngăphápălpătrình, thităk.
1.7 K hoch nghiên cu
ĐătƠiăđcăthcăhinătrongăkhongăthiăgianătă21/2/2012ăđnă21/8/2012,ăcácă

côngăvicăđcăbătríănhăsau:
 Giaiăđonă1:
 ThuăthpătƠiăliu.
 Xácăđnh nhimăv,ăđiătngănghiênăcu.
 Xácăđnhămcătiêuănghiênăcu.
 PhơnătíchătƠiăliuăliênăh viăthcătăgingădyăătrng CaoăđngăKăthută
LỦăTăTrng.
15

 Thităk,ăbiênăsonăgiáoătrình.
 Giaiăđonă2:
 Vităthuytăminh.
 HoƠnăthinăđătài.
1.8 Các bc thc hin
 ThamăkhoătƠiăliu,ăktăhpăliênăhăthcătinăcaătrng.
 BiênăsonăgiáoătrìnhălỦăthuytămônăĐngăcăđtătrong.
 BiênăsonăgiáoătrìnhăthcăhƠnhămônăThcătpăđngăcăcăbn.
 Thităkăphnăgiaoădinăchoăgiáoătrìnhăđinăt.
 Thităkăphnăkhungănnăchoăgiáoătrìnhăđinăt.
 Thităk,ăbătríăcácăđămcăchoăgiáoătrìnhăđinăt.
 ThităkăgánăphnăniădungăvƠoăcácăđămc.
 TinăhƠnhăthănghim,ăthuăthpădăliu.
 Vităbáoăcáo.

16

Chng 2: C S Lụ THUYT V NGỌN NG
THIT K WEB

2.1 Ngôn ng HTML
2.1.1 Gii thiu
HTMLă(HypertextăMarkupăLanguage)ălƠămtăsăđnhădngădaătrênăngônăngă
đánhăduăchună(GML - General Markup Language). NgônăngăGMLăđcătoăraă
tănĕmă1969,ătăỦătngăđnăginălƠătáchăbităniădungăvƠăhìnhădngăcaătƠiăliu.ă
ĐnhădngăcaăHTMLăchoăphépătrìnhăduytăWebăhinăthăcácătƠiăliu baoăgmăcă
Media.ăBnăthơnămtătƠiăliuăHTMLăchălƠănhngătpătinăvĕnăbnăđnăgină(ASCII)ă
viănhngăthẻă(tag)ăhocănhngădòngămƣăđcăbitămƠămtătrìnhăduytăwebăbităcáchă
thôngădchăvƠăhinăthătrênămƠnăhình.
PhnălnăcácăchunăvătrìnhăduytăvƠăcácăcôngănghăliênăquanăđnăWebăđuă
đcă phátătrinăbiăWorldă WideăWebăConsortium (W3C). Mtăsă nhƠăphátătrină
trìnhăduytătoăraămtăsăthẻăkhácăchoătrìnhăduytăcaăh,ăcácăthẻănƠyăđôiăkhiăchaă
đcăhătrăbiăcácătrìnhăduytăkhác,ăvìălỦădoănƠy,ămtătrangăWebăcóăthăhinăthărtă
hiuăquăătrìnhăduytănƠy,ănhngăliărtătiăămtătrìnhăduytăkhác.ă
2.1.2 Các thƠnh phn ca trang HTML
2.1.2.1 Thẻ HTML
Khiă mtă trìnhă duytă webă hină thă mtătrangă HTML,ă trìnhăduytă să đcăfileă
HTMLănƠyăvƠătìmăkimăănhngăđonămƣăđcătrngătrongăfileăgiălƠăthẻă(tag).ăCácă
thẻăHTMLăđcăđánhăduăbiăkỦăhiuă"<ă"vƠă">".ăDngăchungăcaămtăthẻăHTMLă
là:
<tag_nameăăăthuc_tính1="giáătră1"ăăthuc_tính2ă= "giáătră2"ă >ăChuiăvĕnă
bn,ăMedia </tag_name>

Víăd:ă<B>ăHTMLă</B>
17

ThẻănƠyă(<B>)ăbáoăchoătrìnhăduytăhinăthă đonă vĕnăbnăHTMLălƠăchăină
đm.ăCácăthẻăHTMLăbáoăchoătrìnhăduytăbităkhiănƠoăthìăcnăinăđm,ăinănghiêngăvĕnă
bn,ălƠmăvĕnăbnătrăthƠnhăHEADER,ăliênăkt đnămtătrangăkhác,ăầ
- TrongăthẻăHTMLă<tag_name>ăthìăgiaă"<"ăvƠătag_nameăphiăđcăvitălină
(giaăchúngăkhôngăcóăkhongătrắng).
- ThôngăthngămtăthẻăHTMLăđuăcóămtăthẻăđóngă</tag_name>.ăTrongăthẻă
đóngăcóăchaăkỦătă"/",ăkỦătănƠyăbáoăchoătrìnhăduytăbităhiuălcăcaăthẻănƠyăktă
thúcătiăđơy.ăHuăhtăcácăthẻăHTMLăđuăcóăthẻăktăthúc.ă
- MiăthẻăHTMLăcóăthăcóămt,ănhiuăhocăkhôngăcóăthucătính.ăMiăthucă
tínhăcóăthăcóăcácăgiáătrăhocăkhôngăcóăcácăgiáătr.ăNuăcóăgiáătrăthìăcácăgiáătrănƠyă
thngăđcăđtătrongăcpăduăngocăkép.
- CácăthẻăHTMLăcóăthăđcăvităbngăchăthngăhayăchăhoa.ăTrìnhăduytă
webăkhôngăphơnăbităđnhădngănƠy.
- Khôngăgingănhălpătrìnhătrongăcácăngônăngăkhác,ăviătrangăHTML,ănuă
cóămtăli,ătrangăWebăvnăđcăhinăthămcădùăcóăthăkhôngăđúngăỦăđăcaănhƠă
thităk.
- Trìnhăduytăwebăcóăcácăbătăvngăcácăthẻăm,ădoăvyăđôiăkhiămtăthẻ đcă
nhnăbităbiătrìnhăduytănƠyănhngăliăkhôngăđcănhnăraăbiătrìnhăduytăkhác.ă
Khiătrìnhă duytă khôngă hiuă mtă tagă nƠoă đó,ă nóă să tă đngă bă quaă thẻ đóă vƠă chă
thôngădchăphnăcònăli.
2.1.2.2 Cu trúc ca mt trang tƠi liu HTML
MtătƠiăliuăHTMLătngăquátăđcătrìnhăbƠyănhăsau:
<HTML>
<HEAD>
NiădungăHEADER
</HEAD>
<BODY>

18

NiădungăBODY
</BODY>
</HTML>
MtătƠiăliuăHTMLăgmă2ăphnăriêngăbit.ăPhnăđuă(HEAD)ăvƠă phnăthơnă
(BODY).ăPhnăđuăchaănhngăthôngătinăvătƠiăliuăvƠăkhôngăđcăhinăthătrênă
mƠnăhình.ăPhnăthơnăchaăttăcăcácăthƠnhăphnălƠănhngăthăđcăhinăthănhălƠă
mtăphnăcaătrangăweb.
ToƠnăbăcôngăvicăđăto mtătrangăHTMLănmătrongăcpăthẻă<HTML>ăvƠă
</HTML>.ă Bênă trongă cpă thẻă nƠyă lƠă cpă thẻă <HEAD></HEAD>ă vƠă
<BODY></BODY>.
CácăchúăthíchăHTMLăđcăbaoăbiă<! và >.ăDòngăvĕnăbnăgiaăcpăthẻănƠyă
khôngăđcăhinăthătrongătrangăweb.ăKhiădch,ătrìnhăduytăs băquaăcácăthƠnhăphnă
nmătrongăcpăduăchúăthíchă<! và >.
Trìnhăduytăwebăbă quaăcácăkhongătrắngă đuă dòng,ănhngădòngătrng.ăDoă
vyăkhiăvităthẻăHTML,ătaăcóăthăcanhăchnhăcácăthẻ,ătoăcácădòngătrngăngĕnăcáchă
cácăchúăthích,ăầăsaoăchoădăqunălỦămƠăkhôngăsănhăhngăđnăniădung,ăhìnhă
thcăhinăthăcaătrangăWeb.ăCácăchunăHTMLăquiăđnh,ămiăkỦătăxungăhƠngăsă
đcăxemănhămtăkhongătrắng.ăMtăchuiăcácăkỦătăkhongătrắngăđcăxemănhă
mtăkhongătrắng.ăă
MtătrangăHTMLăcăbnăđcăđtătênăviăphnămărngălƠăHTMăhocăHTML.ă
TrìnhăduytăsănhnăbităcácătƠiăliuăHTMLăquaăcácăphnămărngăcaăfile.
2.1.3 Các thẻ c bn.
2.1.3.1 Các đnh dng văn bn.
2.1.3.1.1 Nhng tiêu đ
NhngătiêuăđăđcăthcăhinătrongăHTMLăbngăcáchăđtăđonăvĕnăbn giaă
nhngătagătiêuăđă(headingătag).ăDngăcácătagătiêuăđăcaăHTMLălƠ:
<Hx> Text Appear in Heading </Hx>
19

xălƠămtăsăcóăgiáătrătă1ăđnă6ăchăđnhăkíchăcỡăcaătiêuăđ.ăCácătiêuăđăđcă
sắpăxpătă1 (quanătrngănht)ăđnă6ă(ítăquanătrngănht).ăCácădòngăhinăthăcácăgiáă
trăchoăcácăHeadingătă1ăđnă6ănhăsau.
MƣăHTMLăchoăhinăthătrênălƠ:
<html>
<body>
<h1> Heading Level 1</h1> <! Giáătrăkíchăcỡălnănhtă >
<h2> Heading Level 2</h2>
<h3> Heading Level 3</h3>
<h4> Heading Level 4</h4>
<h5> Heading Level 5</h5>
<h6> Heading Level 6</h6><! Giáătrăkíchăcỡănhănhtă >
</Body>
</HTML>
ThẻănƠyăcóămtăthucătínhălƠăalignăcóăcácăgiáătr:ăLeft,ăRight,ăCenterădùngăđă
cáchăchnhăvĕnăbnăvăbênătrái,ăphi,ăgiaăcaătrìnhăduyt.
Víăd: <H2 align="center"> Heading 2 - Center </H2>
2.1.3.1.2 Chia đon văn bn vƠ xung dòng
- Xungădòng:ăkhiătrìnhăduytăgpă2ăthẻă<BR>ăvƠă<P>ănóăsăxungădòngăđă
bắtăđuămtădòngămi.ăSăkhácăbităgiaă2ăthẻănƠyălƠă<BRă>ăsăxungădòng,ă<P>ăsă
chènămtădòngătrngăvƠăxungădòng,ăhnănaăthẻă<BR>ăkhôngăcóăthẻăktăthúcătrongă
khiă<P>ăcóăthăcóăvƠăthẻă<P>ăcònăcóăthucătínhăgingănhăthẻăHeadingălƠăalignăđă
choăphépăcanhăchnhăvĕnăbnătrongăđon. Thẻă<P>ăcònăcóămtăthucătínhăkhácălƠă
alignăcóăcácă giáă trăleftă(mcăđnh),ăcenterăvƠ rightăchoăphépăcanhăchnhăvĕnă bnă
trongăđonătrongăcaăsătrìnhăduyt.
- Toăđngăkẻ: Thẻă<HR>ăsătoămtăđngăkẻăngangăquaătrangăWeb.ăCóăhaiă
thucătínhăthngădùngălƠăsizeăvƠăwidth.ăThucătínhăsizeăsăxácăđnhăkíchăthcăcaă
20

đngăthngă(tínhăbngăpixel)ăviăgiáătrămcăđnhălƠă2ăvƠăwidthăkimăsoátăchiuă
rngăđngăkẻ.ăTaăcóăthăthitălpăăgiáătrăchoăWIDTHătheoăpixelăhayătheoătălă%ă
caăcaăsătrìnhăduyt.ăThẻănƠyăkhôngăcóăthẻăktăthúc.
- LƠmăvicăviăcácăkiuămuă (Style): HTMLă cungă cpă mtăsăthẻăchoă vică
đnhădngăvĕnăbnănhăinăđm,ănghiêng,ăầăCóăthălităkêămtăsăthẻăcăbnănhă
sau:
HTML tag Ktăqu
<B>ăThisăisăBoldầ<B> This is Boldầ
<I>ăThisăisăItalicăầ</I> This is Italic ầ
<tt>ăThisăisăăTypewriterăầ</tt> This is Typewriter …
<U> This is Underline </U> This is Underline


2.1.3.1.3 Mt s thẻ fortmatting khác
- Thẻă<Blockquote>: chènămtăkhiăvĕnăbnăđcătrìnhăbƠyăthtăvƠoătrongăsoă
viăphnăthơnăvĕnăbn.ăViătrangăHTML,ăđaăvĕnăbnăvƠoăcpăthẻă<Blockquote>ăầă
textăầă</Blockquote> đătoăchcănĕngănƠy.
- Thẻă <BaseFont>: thită lpă fontă chă mcă đnhă choă toƠnă bă trangă webă vƠă
khôngă cóă thẻă ktă thúc.ă Thẻă nƠyă cóă cácă thucătínhă lƠă face="fontă ch",ă size="kíchă
thc"ăcaăch.ăKíchăthcăvĕnăbnăcóăgiáătrătă1ă(nhănht)ăđnă7ă(lnănht).ă
- Thẻă<Font>:ăthitălpăcácăthucătínhăvăfontăchăđcăhinăthătrênătrangăweb.ă
CácăthucătínhăcaăthẻănƠyăbaoăgm:
+ Size: kíchăcỡăcaăch.ăGiáătrăthucătínhănƠyăcóăgiáătrătă1ă(nhănht)ăđnă7ă
(lnănht).ăVíăd:ă<fontăsize="6">. Ngoài cách thitălpăgiáătrădngătuytăđiăchoă
fontăchănhătrên,ătaăcònăcóăthăthitălpăgiáătrătngăđiăbngăcáchădaăvƠoăgiáătră
kíchăcỡăđƣăcóăsnătrcăđóăbngăcáchăthêmăduă"+"ă(tĕng)ăhocă"-"ă(gim)ăvƠoătrcă
giáătrăcaăthucătínhăsize.ăVíăd:ă<fontăsize="+2">ăăsătĕngăkíchăthcăcaăfontăchă
lênă2ăgiáătrăsoăviăfontăchăhinăti.ă
21

+ Face:ăTênăcaăfontăchăđcăxácăđnhăđăhinăthăvĕnăbnătrênătrìnhăduyt.
+ Color: Màuăsắcăcaăfontăch.ăThucătínhănƠyăđcăsădngăkhiăcnăthitălpă
mƠuăriêngăbităchoăđon vĕnăbnătrongăthẻăfont.ăThôngăthngămƠuăvĕnăbnăđcă
xácăđnhătrongăthẻă<body>ăhocăsădngămƠuămcăđnhăcaătrìnhăduyt.ă
Víădăvăthẻăfont.
<html>
<body>
<font size="4" color="red" face="vni-times">Font size:4 - color:red - face:vni-
times<br>
<font size=6 color="#ff0000" face="arial">Font size:6 - color: ff0000 -
face:arial</font><br>
<font size="-2">Font size:2 - color:red - face:vni-times</font><br>
Font size:4 - color:red - face:vni-times</font>
</body>
</html>
- Thẻă<Pre>:ăHinăthădngăchăđánhămáyăvƠăgiănguyênăcácăkhongătrắngăvƠă
duăxungădòng.
- Thẻă<Sub>:ăVĕnăbnătrongăthẻănƠyăsăđcăvitădiădngăSubscript.ă
- Thẻă<Sup>:ăVĕnăbnătrongăthẻănƠyăsăđcăvitădiădngăSupperscript.ă
- Thẻă<Big>ăvƠă<Small>:ăĐonăvĕnăbnănmătrongăthẻăsăcó font-sizeădngă
chălnăhocănhătngăng.
- Thẻă<Marquee>:ăVĕnăbnănmăgiaăhaiăthẻănƠyăsăchyăquaăchyăliătuỳătheoă
cácăgiáătrăthucătínhăđcăthitălp.
2.1.3.2 Chèn hình nh vƠo trang HTML
Cóă nhiuă hìnhă nhă đcă hă tră trênă Internetă nh:ă *.PICT, *.GIF, *.TIFF,
*.BMP,ă*.JPG,ă*.JPEGầăvƠăcácăhìnhănhănƠyăđcălpăviăflatform.ăTuyănhiênădngă
chunăhinăthătrongămtătrangăwebălƠăGIFă(GraphicsăInterchangeăFormat).ăGIFănénă
22

cácăthôngătinăcaăhìnhănhă(lƠmăgimăkíchăthcăcaătpătin)ăvƠăchuynănóăthƠnh mã

nhăphơnăđăchuynăquaămngăInternet.ăMtădngăhìnhănhăkhácăthngăhayăđcăsă
dngătrongăwebălƠăJPGăhocăJPEGă(đcăđtătênăsauăkhiănhómăJointăPhotographică
EngineeringăGroupăthităkăraădngănƠy).
ĐăchènămtăhìnhănhăvƠoătrangăweb,ăsădngăthẻă<IMG >.ăThẻănƠyăkhôngăcóă
thẻăktăthúc.ăTrongăthẻănƠyăcóănhiuăthucătínhănhăsau:
+ăSRC:ăcóăgiáătrălƠăđngădnăcaăfileăhìnhănh.ăĐngădnănƠyăthngăđcă
xácăđnhălƠăcácăđngădnătngăđiăhocăđngădnăđyăđătămtăwebsiteăkhác.ă
Viăđngădnătngăđi,ăđătruyăcpăđnăthămcăcpăchaătaăsădngăhaiăduăchmă
vƠăduăxă:" /".ăă
Víăd:ă
<IMGăSRC="Images/h1.gif">ăăChènăhìnhăh1.gifătrongăthămcăconăImages.
<IMGăSRC=" /Images/h1.gif">ăChènăh1.gifătăthămcăngangăhƠngăviăthămcă
hinăhƠnhătênălƠăImages.
<IMGăSRC="www.microsoft.com/images/h1.gif">ăChènăhìnhăh1.gifătrongăthămcă
imagesăcaăwebsiteăcóădomainălƠămicrosoft.comă.
+ăAlign:ăăcóăcácăgiáătrătop,ămiddle,ăbottomă(mcăđnh),ăleft,ăcenter,ărightăsă
điuăkhinăvătríăcaăvĕnăbnăsoăviăhìnhănhătrong hàng.
+ăAlt="text":ălƠăđonăvĕnăbnăhinăthătiăvătríăhìnhătrongăcácătrngăhp:ăkhiă
ngiăsădngătrìnhăduytăkhôngăhătrăhình,ătắtăvicătrìnhăbƠyăhìnhănhătrongătrìnhă
duyt,ăkhiăhìnhăchaăđcătiăxong,ăKhiăđaăconătrăvƠoăvùngăhìnhănh.
+ Width, Height:ăCóăgiáătrălƠăcácăsănguyên,ălƠăgiáătrăxácăđnhăchiuărngăvƠă
chiuăcaoăcaăhìnhătheoăpixels.ă
+ăHspace:ăKhongăcáchătínhăbngăpixelăcaăvĕnăbnăxutăhinăxungăquanhăătiă
haiăbiênădcăcaăhìnhănh.
+ăVspace:ăGingănhăthucătínhătrênănhngătínhătheoăchiuăđng.
+ăBorder:ăthitălpăđngăbiênăchoănhătínhătheoăpixel.ăNuăkhôngămunăthyă
biên,ătaăchoăgiáătrăbngă0.
23

2.1.3.3 MƠu sc vƠ cu trúc cho nn

Trongămtătrìnhăduytăweb,ătaăđcăsădngăcácămƠuăcaăhăthngăđătoămƠuă
choăvĕn bnăvƠăchoănnăcaătrangăweb.ăMiămƠuăđcăxácăđnhădaătrênăcácăgiáătră
Red-Green-Blueă(RGB)ăcaănó.ăBaăsănƠyăcóăgíaătră(vitătheoăhăthpăphơn)ătă0ătiă
255, miăsăthăhinăcngăđăcaăthƠnhăphnămƠuătheoăthătăRed-Green-Blue.
Giáătrălmănhtăcaăcă3ă(255-255-255)ăsăchoăraămƠuătrắngăvƠăgiáătrănhănhtă(0-
0-0)ăsăchoăraămƠuăđen.ăTtăcăcácămƠuăđcăbiuădinăbiăbăbaăRGBăkhácănhau.
Cácă mƠuă đcă thită lpă trongă tƠiă liuă HTMLă bngă cácă să hexaă cóă dngă
#xxyyzz.ăTrongăđóăx,ăy,ăzălƠăcácăgiáătrătăă0ăđnăF.ăxxălƠăgiáătrăcaămƠuăred,ăyyălƠă
caămƠuăGreenăvƠăzzălƠămƠuăBlue.ă
ThẻăBODYăchoăphépătaăthêmăvƠoăcácăthucătínhăvămƠuăsắcăcaătrangăweb.ă
<Body bgcolor="#xxxxxx" text="#xxxxxx" Link="#xxxxxx" Vlink = "#xxxxxx">
Trongăđóămiăgiáătrăxăcóăgiáătrătă0ăđn F.
+ Bgcoloră=ămƠuănn.
+ Text:ăMƠuăcaăvĕnăbnătrongăphnăthơnătrangăweb.
+ Link:ăMƠuăsắcăcaăcácăliênăktăsiêuăvĕnăbn.ăMƠuămcăđnhălƠăBlue.
+ Vlinkă(VisittedăLink):ăMƠuăsắcăcaămtămcăsiêuăliênăktăđƣăđcăxem.ăMƠuă
mcăđnhălƠăPurpleă(tím).
Ví d:ă
<html>
<body bgcolor="Green" text="#FF0000" link="blue" vlink="F0F0F0" >
Mau sau trong trang web <br>
<a href="#"> link 1 </A><br>
<B><A href="#">link 2</a></B>
</Body>
</HTML>
24

2.1.3.4 S dng siêu đng dn (Hyperlink)
ScămnhăthtăsăcaăWebălƠăkhănĕngătoăraănhngăsiêuăliênăktă(hyperlink)ă
đnăcácăthôngătinăliênăquan.ăNhngăthôngătinănƠyăcóăthălƠănhngătrangăWebăkhác,ă

nhngăhìnhănh,ăơmăthanh,ăđonăphim,ăanimation,ăcácăchngătrình,ăniădungăcaă
gopherăserver,ămtătrìnhălog-inăvƠoămáyătínhăăxaă(remote computer).v.v
WWWăsădngămtăcáchăđánhăđaăchăgiălƠăURLă(UniformăResorceăLocator)ă
đăchă raănhngăvătríă caănhngămcănhăvy.ăNhngăliênăktănƠyăthngăđcă
biuădinăbiănhngăchămƠuăxanhăcóăgchădiăvƠăđcăgiălƠăanchor.
+ Thẻă<A>ăsădùngăđătoăcácăliênăktăvƠăcóădngănhăsau:
<A href=URL target=name> Text link, media </A>
TaăcóăthăxemăAălà anchor, href là hypertext Reference.
+ Thucătínhătarget:ăTargetăcóăgiáătrăđcăthitălpănhătrongăbngădi.
Giáătr ụănghƿa
Name NpătrangăWebăvƠoătrongăcaăsăhayăframeăcóătênălƠăname.
_blank NpătrangăWebăvƠoăcaăsămiăkhôngăcóătên.
_parent NpătrangăwebăvƠoăcaăsăchaăcaătrangăhinăhƠnh.
_self Giáătrămcăđnh.ăNpătrangăwebăvƠoăcaăsăhinăhƠnh.
_top NpătrangăwebăvƠoăcaăsăcao nht.
+ Thucătínhăhref:ăĐngădnăcaăđiătngăđcăliênăktăti.ăCácăăgiáătrăcaă
URLătrongăthucătínhăhref.ăTaăcóăthăphơnăchiaăraălƠmă2ăloiăliênăkt.ăLiênăktăđnă
cácăfileătrongăcùngămtăwebsiteăvƠăliênăktăđnăcácăfileătrongăwebsiteăkhác.
●ăLiên ktătrongăcùngăwebsite:ăMiăgiáătrăURLăđuălƠăđngădnătngăđiă
(ralative link - đngădnătínhătăthămcăhinăhƠnh,ăthămcăchaăliênăktăđangă
sonătho)ăhocăđngădnătínhătăăDomain.ă
●ăLiênăktăđnămtăfileătrongăWebsiteăkhác:ăTaăsădngăđngădn URL tính
tădomainăname.
25

●ă Liênă ktăđnă mtă bookmarkă trongă cùngă trangă hayă tíă mtă bookmarkă caă
trangăkhác:ăBookmarkălƠămtăvătríăđcăđánhăduătrongătrangăweb.ăTămtăvătrí,ătaă
cóăthăliênăktăđnăvătríăđƣăđcăđánhăduănƠy.ăĐăliênăktăđnăbookmark, ta thêm
duă#ăvƠătênăbookmarkăngayăsauăgiáătrăcaăURL.ăĐătoămtăbookmark,ătaăsădngă
thẻă<A>ătiăvătríăcnătoătheoăquiătắcăsau:ă<Aăname="tênbookmark">text</A>.

2.1.3.5 Khung (Frame)
Bngăcáchădùngăkhungă(frame),ătaăcóăthăngắtătrangăwebăthƠnhăcácăvùng riêng
bită(caăs)ăvƠăthăhinăcácătpătinăHTMLăkhácănhauătrongămiăvùng.ăViăcáchă
nƠy,ă miă vùngă cóă thă chuynă sangă trangă webă khácă trongă khiă cácă vùngăkhácă vnă
khôngăthayăđi.
Taăcóăthătoăkhungăbngăcáchădùngămtăhăsăđnhănghƿaătpăkhungă- mtătp tin
HTMLăchăchaăcácăthôngăătinăvăcáchăthcăphơnăchiaătrangăwebăvƠăcácătpătinăsă
đcăhinăthătrongămiăvùngătngăng.ă
Víăd.
<HTML>
<HEAD>
<TITLE> Frame</TITLE>
</HEAD>
<FRAMESET COLS="50%,70,*">
<FRAME SRC="1.htm">
<FRAME SRC="2.htm">
<FRAME SRC="3.htm">
</FRAMESET>
</HTML>
Tpăkhungătrongăđonămƣătrênătrătiă3ăhăsătrongăhtmlălƠ:1.htm,ă2.htmăvƠă
3.htm.ăPhíaătrongăthẻă<FRAMESET>ăăcóăthucătínhăCOLS,ăámăchărngătrangăsă
đcăchiaăthƠnhănhiuăct,ă3ăgiáătrăcaăthucătínhănƠyăsăxácăđnhă3ăct:ăctăđuătiênă
26

săcóăchiuărngăbngăviă50%ăcaăsătrìnhăduyt,ăctăthăhaiăcóăchiuărngălƠă70ă
pixelăvƠăctăthăbaăsăcóăchiuărngăbngăviăphnăcònăliăcaăcaăsătrìnhăduytă
(đcăthăhinăbiăbiuătngă*ă).ă
CácăThẻătoăframeăvƠăăthucătính:
+ ThẻăFrameset: Toămtăframe.ă
Thucătính:

- cols="gtră1,ăgiáătră2,ăầ":ăPhơnăchiaămtăframeăthƠnhăcácăvùngăconăcóăsăctă
(cols)ălƠăsăcácăgiáătrătrongăcols.ă
- rows="gtră1,ăgiáătră2,ăầ"ă:ăPhơnăchiaămtăframeăthƠnhăcácăvùngăconăcóăsă
dòngă(rows)ălƠăs cácăgiáătrătrongărows.
- FRAMEBORDER, FRAMESPACING
+ ThẻăFrame: Lngătrongăframeset,ăxácăđnhădăliuăchoăvùngăcaăsăhinăti.
Thucătính:ă
- SRC:ăXácăđnhăđngădnăđnătrangăcnănp
- Name:ăTênăcaăframe.ăSădngăchoăthucătínhătargetăcaăcácăliênăkt.
- Scrooling:ă(yes,ăno,ăauto):ăXácăđnhăvicăhinăthăthanhăcun.ă
Víăd:ă
<HTML>
<HEAD>
<TITLE>Embedding Frame</TITLE>
</HEAD>
<FRAMESET ROWS="50,*" FRAMEBORDER="0" FRAMESPACING="0">
<FRAME SRC="1.htm" NAME="frame1" SCROLLING="no">
<FRAMESET COLS="20%,80%" FRAMEBORDER="1"
FRAMESPACING="1">
<FRAME SRC="2.htm" NAME="frame2" SCROLLING="yes">
27

<FRAME SRC="3.htm" NAME="frame3" SCROLLING="auto">
</FRAMESET>
</FRAMESET>
</HTML>
2.1.3.6 Các bng (Tables)
Viăbng,ătaăcóăthăchiaăcácăphnăkhácănhauăca trang web thành các vùng và
đtăcácăthôngătinăkhácănhauăvƠoăcácăvùngăđó.ăTaăsăcmăthyărngăcácăbngăsărtă
huădngăchoănhiuăcôngăvicăkhácănhau,ătătrìnhăbƠyădăliuătheoădngăctăvƠăhƠngă

choăđnăvicăđnhăvăchínhăxácăcácămcătrênămtătrangăweb.
+ Cĕnăbnăvăbng
Bngăđcăđánhăduăbngăcácăthẻă<TABLE>ăvƠă</TABLE>.ă Trongăcácăthẻă
nƠy,ă taă să dngă cácă thẻă đnhă nghƿaă hƠngă caă bng,ă <TR>ă vƠă </TR>.ă Trongă miă
hƠng,ătaăliăđnhănghƿaăcácăôăcaăbngăbngăcácăthẻă<TD>ăvƠă</TD>.ăĐonămƣăsauă
giiăthiuămtătrangăwebăchaămtăbngăcăbn.ăTaăcóăthăthyăbngăđcătoăraăbiă
đonămƣănƠyătrongănhăsau:
<HTML>
<BODY>
<TABLE BORDER="1">
<TR>
<TD>R1, D1</TD>
<TD>Row 1, Data 2</TD>
</TR>
<TR>
<TD>Row 2, Data 1</TD>
<TD>This is Row 2, Data Column 2</TD>
</TR>
</TABLE>
28

</BODY>
</HTML>
VicăthitălpăthucătínhăBORDERăviă giáătră1ăsătoăraăđngăbiênădƠyă1ă
pixelăxungăquanhămiăôăcaăbngăcũngănhăxungăquanhăbng.ăNuătaătĕngăgiáătră
nƠy,ăchiuădƠyăcaăđngăbiênăsătĕngălên,ătuyănhiênăđngăkẻăgiaăcácăôăđcăgiă
nguyênăchiuădƠyă1ăpixel.ă
2.2 Gii thiu JavaScript
2.2.1 Gii Thiu
NgônăngăđánhăduăsiêuăvĕnăbnăHTMLăcóăthăchaăđngămtăđnhădngăchiă

tităvăniădungăvĕnăbnădi dngămtătrangăwebătƿnh.ăNiădungătrangănƠyăcóăthă
baoăgmăvĕn bnăđƣăđnhădng,ănh,ăbngăbiuăvƠăcácăsiêuăliênăktăđătoăraămtă
phngătinătrìnhăbƠyăthôngătinămtăcáchănătng.ăTuyănhiên,ăngoƠiăsătngătácă
mcăđăthpăcaăcácăsiêuăliênăktăbngăcáchăđaăngiăsădngăđiătătrangăweb này
đnătrangăweb khác. Nói chungăHTMLăkhôngăchoăphépăđápăngăcácăthôngătinănhpă
vƠoătăphíaăngiădùngăngoƠiăvicăđaăhătiămtătrangămi.
HƣngăNetscapeăCommunicationsăthucătpăđoƠnăSunăMicrosystemsăđaăraămtă
giiă phápă bngă cáchă toă raă mtă tpă cácă lnhă đínhă kèmă theoă trangă HTMLă giă lƠă
JavaScript.ăSădngăJavaScript,ătaăcóăthăxơyădngăcácăbiuămu,ăcôngăcătínhătoánă
và nhngăgiiăphápăđătoăraătrangăwebăđng.ăTrcăkhiăcóăJavaScript,ămiăhotă
đngăgiaăngiăsădngăviăsătngătácăphíaămáyăchăăphiăthôngăquaănhngăngă
dngăweb htăsc tinhăviăvƠămáyăchăwebăcaoăcp.
JavaScript là ngônă ngă lpătrìnhă kiuă thôngă dchă dùngă choă Web.ă Cácă đonă
chngătrìnhăvităbngăngônăngănƠyănhúngătrongăcácătrangăHTMLăvƠăsăđcăcácă
trìnhăduytăthôngădchăđăthcăhin.ăCácăngônăngăScriptăchoăphépăphátătrinănhanhă
vƠădădƠngăcácăchngătrìnhăđnăginăhnălƠăcácăngônăngădngăbiênădchănhălƠăC,ă
C++. Cúăphápăca JavaScriptăliăgingăviăngônăngăC,ăC++. JavaScriptăđcăhă
trătrênăhuăhtăcácătrìnhăduyt.