BỘ GIÁO DỤC VÀ ĐÀO TẠO CỘNG HÒA XÃ HÔI CHỦ NGHĨA VIỆT NAM
TRƯỜNG ĐẠI HỌC BÁCH KHOA HÀ NỘI

Độc lập - Tự do - Hạnh phúc

NHIỆM VỤ ĐỒ ÁN TỐT NGHIỆP
Họ và tên sinh viên: .NGUYỄN DUY VƯƠNG Số hiệu sinh viên: 09CĐ0639
Khoá:………….Khoa: Điện tử - Viễn thông Ngành: Điện tử - Viễn thông
1. Đầu đề đồ án:
“HTML và ứng dụng trong thiết kế Website tin tức giải quần vợt
Wimbledon 2012”
2. Các số liệu và dữ liệu ban đầu:
…………………………………… …………………………………………… …… ……………………………
……………………………………………………………………………………………………………………………….
… ……………………… …………………………………………………………………………………….
3. Nội dung các phần thuyết minh và tính toán:
……………………………………………………………………………………………………………… ….
………………………………………………………………………………………………………………………………
…… ….
………………………………………………………………………………………………………………………………
……… ….……………………………………………………………………………………………
4. Các bản vẽ, đồ thị ( ghi rõ các loại và kích thước bản vẽ ):
……………………………………………………………………………………………………………………… ….
…………………………………………………………………………………………………………………………
……….………………………………………………………………………………………………………….
5. Họ tên giảng viên hướng dẫn…………………………………………………………
6. Ngày giao nhiệm vụ đồ
án………………………………………………………………
7. Ngày hoàn thành đồ
án…………………………………………………………………………
Ngày tháng năm
Ngày tháng năm
Cán bộ phản biện
( Ký, ghi rõ họ và tên )
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
Lời Nói Đầu
*******
Ngôn ngữ đánh dấu siêu văn bản HTML là một phát minh vĩ đại của ngành khoa
học máy tính, từ khi HTML xuất hiện vào cuối thế kỷ XX, con người đã có thể dễ
dàng xuất bản, cập nhật, chia sẻ tin tức trên nền Internet. Trong đồ án tốt nghiệp
này chúng tôi áp dụng HTML trong việc thiết kế website tin tức giải quần vợt
Wimbledon 2012.
Sau một thời gian tìm tòi nghiên cứu và học hỏi, dưới sự hướng dẫn tận tình của
Thạc Sỹ: Nguyễn Quang Minh em đã nghiên cứu và hoàn thành đề tài “ HTM
và ứng dụng trong thiết kế Website tin tức giải quần vợt Wimbledon 2012”.
Do kiến thức còn han chế nên đề tài chắc chắn không tránh khỏi thiếu sót,vì vậy em
rất mong được sự góp ý nhắc nhở của thầy cô và của các bạn để giúp đề tài
của em ngày một hoàn thiện hơn.
Em xin chân thành cảm ơn thày cô, Viện, đặc biệt là Thạc sỹ: Nguyễn Quang Minh
đã hết sức giúp đỡ và tạo điều kiện cho em hoàn thành tốt đề tài này.
Con xin chân thành cảm ơn bố mẹ đã luôn ở bên và ủng hộ con trong thời gian học
tập và nghiên cứu đồ án.
Cuối cùng xin gởi lời cảm ơn đến bạn bè đã luôn giúp đỡ mình nhiệt tình trong quá
trình học tập cũng như khi nghiên cứu đồ án tột nghiệp.
Sinh viên thực hiện đề tài:
Nguyễn Duy Vương
SV: Nguyễn Duy Vương
MSV: 09CĐ0639

CHROME CHO HỆ ĐIỀU HÀNH MAC OS X VÀ LINUX ĐƯỢC PHÁT HÀNH VÀO THÁNG 6 NĂM 2009 28
SO VỚI MICROSOFT INTERNET EXPLORER THÌ GOOGLE CHROME CHẠY NHANH HƠN NHIỀU, GIAO DIỆN
MỚI LẠ VÀ DỄ SỬ DỤNG, HƠN NỮA NÓ CHẠY ỔN ĐỊNH VÀ MIỄN PHÍ. PHẦN NHIỀU CÁC BẢN MICROSOFT
WINDOWS CÀI TRÊN CÁC MÁY Ở VIỆT NAM LÀ BẢN KHÔNG CÓ BẢN QUYỀN, NÊN INTERNET EXPLORER
CHẠY RẤT CHẬM, HAY BỊ TRỤC TRẶC, HAY BỊ TREO MÁY. VỚI NHỮNG ƯU ĐIỂM ĐÓ CHÚNG TA NÊN LỰA
CHỌN TRÌNH DUYỆT CHO MÁY TÍNH CỦA MÌNH LÀ GOOGLE CHROME 28
SAU MỘT THỜI GIAN TÌM HIỂU VỀ GOOGLE CHROME VÀ HƯỚNG DẪN SỬ DỤNG GOOGLE CHROME,
CHÚNG TÔI THẤY CÁC TÀI LIỆU LIÊN QUAN ĐẾN VẤN ĐỀ NÀY KHÁ ÍT VÀ RỜI RẠC. VÌ VẬY CHÚNG TÔI ĐÃ
TÌM TÒI VÀ TỔNG HỢP CÁC TÀI LIỆU VÀ KIẾN THỨC VỐN CÓ ĐỂ ĐƯA RA MỘT TÀI LIỆU HƯỚNG DẪN CHI
TIẾT VỀ CÁC SỬ DỤNG GOOGLE CHROME 29
2.2 CÀI ĐẶT GOOGLE CHROME VÀ KHỞI ĐỘNG 29
ĐỂ TẢI VỀ TRÌNH DUYỆT MỚI NHẤT GOOGLE CHROME 20.0.1132.57 CHÚNG TA VÀO TRANG WEB
HTTP://WWW.GOOGLE.COM/CHROME , XUẤT HIỆN MÀN HÌNH CHÍNH CỦA GOOGLE CHROME, NHÁY VÀO
NÚT “TẢI XUỐNG GOOGLE CHROME”, TA SẼ TẢI VỀ MÁY TỆP CHROMESETUP.EXE DUNG LƯỢNG 722 KB.
SAU ĐÓ CHẠY TỆP NÀY THÌ GOOGLE CHROME SẼ TỰ ĐỘNG ĐƯỢC CÀI ĐẶT VÀ CHIẾM KHOẢNG 70 MB ĐĨA
CỨNG, BIỂU TƯỢNG CỦA GOOGLE CHROME XUẤT HIỆN TRÊN MÀN HÌNH NỀN NHƯ SAU : 29
NHÁY VÀO BIỂU TƯỢNG GOOGLE CHROME THÌ GOOGLE CHROME SẼ KHỞI CHẠY. MÀN HÌNH BAN ĐẦU
CỦA GOOGLE CHROME CÓ DẠNG : 29
GOOGLE CHROME SỬ DỤNG TRONG TRẠNG THÁI KHÔNG HIỂN THỊ TOÀN MÀN HÌNH, TRÌNH DUYỆT
LOẠI BỎ TOÀN BỘ THANH THỰC ĐƠN CỦA TRÌNH DUYỆT THÔNG THƯỜNG VÀO HAI NÚT PHÍA BÊN PHẢI
THANH ĐỊA CHỈ. GOOGLE CHROME CÓ HỆ THỐNG TAB ĐƯỢC ĐẶT Ở BÊN TRÊN THANH ĐỊA CHỈ CHỨ KHÔNG
PHẢI Ở BÊN DƯỚI NHƯ TRUYỀN THỐNG. CÁCH THIẾT LẬP NÀY SẼ GIÚP NGƯỜI DÙNG “CẢM GIÁC” RÕ HƠN
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
VỀ THANH ĐỊA CHỈ ĐI LIỀN VỚI WEBSITE, CHỨ KHÔNG PHẢI MỘT THÀNH PHẦN TÁCH BIỆT. NGOÀI RA, TÊN
MIỀN CHÍNH CỦA TRANG WEB ĐANG ĐỌC CŨNG ĐƯỢC LÀM NỔI RÕ HƠN BẰNG CÁCH IN ĐẬM HƠN 30
TỪ THANH ĐỊA CHỈ CÓ THỂ TIẾN HÀNH TÌM KIẾM, BỘ MÁY TÌM KIẾM MẶC ĐỊNH CỦA CHROME TẤT
NHIÊN LÀ GOOGLE, NHƯNG CÓ THỂ THAY ĐỔI NẾU MUỐN. TRONG TRANG CHỦ MẶC ĐỊNH CÁC TRANG WEB
YÊU THÍCH NHẤT ĐƯỢC “GOM” VÀO MỘT CHỖ CÙNG VỚI ẢNH NHỎ XEM TRƯỚC TRUY CẬP NHANH, TRÌNH
DUYỆT SẼ DỰA VÀO TẦN SUẤT VIẾNG THĂM ĐỂ TỰ ĐỘNG ĐƯA WEBSITE VÀO ĐÂY. TẠI DÒNG CUỐI CỬA SỔ,

WEBSITE DO CHÚNG TÔI THIẾT KẾ CÓ NHIỀU TRANG WEB ĐƯỢC NỐI VỚI NHAU BẰNG CÁC SIÊU LIÊN KẾT
49
-WEB PAGE 1 CÓ NỘI DUNG GIỚI THIỆU VỀ GIẢI ĐẤU WIMBLEDON 2012 49
-MÃ NGUỒN: 49
<HTML> 50
<HEAD> 50
<TITLE>WELCOME TOWIMBLEDON</TITLE> 50
</HEAD> 50
<BODY BGCOLOR = GREEN> 50
<P>GIẢI WIMBLEDON (TIẾNG ANH: THE CHAMPIONSHIPS WIMBLEDON) LÀ GIẢI VÔ ĐỊCH QUẦN VỢT
ANH. NÓ LÀ GIẢI LÂU ĐỜI NHẤT VÀ CÓ UY TÍN NHẤT CỦA MÔN QUẦN VỢT. GIẢI ĐƯỢC TỔ CHỨC VÀO
KHOẢNG THÁNG 6, THÁNG 7, LÀ GIẢI THỨ 3 TRONG HỆ THỐNG GIẢI GRAND SLAM HÀNG NĂM, SAU GIẢI
ÚC MỞ RỘNG VÀ PHÁP MỞ RỘNG, VÀ TRƯỚC GIẢI MỸ MỞ RỘNG. GIẢI TIẾN HÀNH TRONG 2 TUẦN; TRONG
4 GIẢI GRAND SLAM, ĐÂY LÀ GIẢI DUY NHẤT CHƠI TRÊN SÂN CỎ. GIẢI BAO GỒM CÁC GIẢI ĐƠN NAM, ĐƠN
NỮ, ĐÔI NAM, ĐÔI NỮ VÀ ĐÔI NAM NỮ. BÊN CẠNH ĐÓ CÓ GIẢI TRẺ, GỒM ĐƠN NAM, ĐƠN NỮ, ĐÔI NAM VÀ
ĐÔI NỮ. NGOÀI RA CÒN TỔ CHỨC GIẢI MỜI ĐẶC BIỆT DÀNH CHO CÁC TAY VỢT ĐÃ GIẢI NGHỆ: ĐÔI NAM TỪ
35 TUỔI TRỞ LÊN, ĐÔI NAM TỪ 45 TUỔI TRỞ LÊN, ĐÔI NỮ TỪ 35 TUỔI TRỞ LÊN VÀ GIẢI ĐÔI XE LĂN, DÀNH
CHO NGƯỜI KHUYẾT TẬT CHƠI TRÊN XE LĂN.</P> 50
<P>GIẢI VÔ ĐỊCH ĐƯỢC "CÂU LẠC BỘ CROQUET VÀ QUẦN VỢT SÂN CỎ TOÀN ANH" (ALL ENGLAND
LAWN TENNIS AND CROQUET CLUB) TỔ CHỨC LẦN ĐẦU TIÊN NĂM 1877 Ở MỘT SÂN GẦN WORPLE ROAD,
WIMBLEDON, LÚC ĐÓ CHỈ THI ĐẤU ĐƠN NAM. NĂM 1884, CÂU LẠC BỘ TOÀN ANH CHO THÊM ĐƠN NỮ VÀ
ĐÔI NAM; NĂM 1913 THÊM ĐÔI NỮ VÀ ĐÔI NAM NỮ 50
NĂM 1922 GIẢI CHUYỂN VỀ ĐỊA ĐIỂM NGÀY NAY LÀ SÂN GẦN CHURCH ROAD 50
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
NGÀY XƯA NGƯỜI ANH CHỈ CHƠI QUẦN VỢT LÀM TRÒ THỂ THAO GIẢI TRÍ VỚI TINH THẦN "THƯỢNG VÕ"
(TỰA NHƯ THẾ VẬN HỘI) CHO NÊN HỌ XEM NHỮNG NGƯỜI CHUYÊN NGHIỆP ĐÁNH KIẾM TIỀN LÀ "HẠ
ĐẲNG", KHÔNG XỨNG ĐÁNG ĐƯỢC DỰ GIẢI WIMBLEDON. VÌ THẾ NGÀY XƯA WIMBLEDON (CŨNG NHƯ 3
GIẢI GRAND SLAM KIA: ÚC, PHÁP, VÀ MỸ) CHỈ CHO CÁC TAY VỢT TÀI TỬ (NGHIỆP DƯ) THAM DỰ MÀ
THÔI. MÃI CHO ĐẾN KHI KỶ NGUYÊN MỞ RỘNG CỦA MÔN QUẦN VỢT BẮT ĐẦU NĂM 1968, NHỮNG TAY VỢT

-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 54
54
-WEB PAGE 3 CÓ NỘI DUNG GIỚI THIỆU VỀ TAY VỢT ROGER FEDERER THÔNG QUA MỘT SỐ HÌNH ẢNH 55
-MÃ NGUỒN 55
<HTML> 55
<HEAD> 55
<TITLE> GIỚI THIỆU VỀ TAY VỢT ROGER FEDERE </TITLE> 55
</HEAD> 55
<BODY BGCOLOR = GREEN> 55
<IMG SRC=00000021-9930.JPG> 55
<IMG SRC=ROGER_FEDERER_AP 300X300.JPG> 55
<IMG SRC=DDDDD.JPG> 55
<IMG SRC=FEDERER 300X300.JPG> 55
</BODY> 55
</HTML> 55
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 56
-WEB PAGE 4 CÓ NỘI DUNG GIỚI THIỆU VỀ ROGER FEDERER SỬ DỤNG SIÊU LIÊN KẾT ĐỂ KẾT NỐI WEB
PAGE 2 VÀ 3 57
-MÃ NGUỒN 57
<HTML> 57
<HEAD> 57
<TITLE>WELCOME TO WIMBLEDON 2012</TITLE> 57
</HEAD> 57
<BODY BGCOLOR = RED> 57
<P>GIỚI THIỆU VỀ ROGER FEDERER</P> 57
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
<IMG SRC=DDDDD.JPG> ROGER FEDERER</P> 57
<P><A HREF ="WIMBLEDON 2012_3.HTML"> CLICK ĐỂ TÌM HIỂU VỀ ROGER FEDERER</A></P> 57
<P><A HREF ="WIMBLEDON2012_5.HTML"> CLICK ĐỂ XEM MỘT SỐ HÌNH ẢNH VỀ ROGER

</HTML> 60
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 61
+WEB PAGE 6 “ VÒNG 2 WIMBLEDON 2012” 62
+MÃ NGUỒN 62
<HEAD> 63
<TITLE> VÒNG 2 WIMBLEDON 2012 </TITLE> 63
</HEAD> 63
<BODY BGCOLOR = SALMON> 63
<P> VÒNG 2 WIMBLEDON 2012</P> 63
<P>DAVID FERRER GẶP KENNY DE SCHEPPER TỶ SỐ 7-6 6-2 6-4</P> 63
<P>BJORN PHAU GẶP ANDY RODDICK TỶ SỐ 3-6 6-7 3-6</P> 63
<P>KEI NISHIKORI GẶP FLORENT SERRA TỶ SỐ 6-3 7-2 6-2</P> 63
<P>GO SOEDA GẶP JUAN MARTIN DEL POTRO TỶ SỐ 2-6 3-6 6-1 6-4</P> 63
<P>MARIN CILIC GẶP LUKASZ KUBOT TỶ SỐ 7-6 6-2 6-1</P> 63
<P>SAM QUERREY GẶP MILOS RAONIC TỶ SỐ 6-7 7-6 7-6 6-4</P> 63
<P>GRIGOR DIMITROV BUL GẶP MARCOS BAGHDATIS TỶ SỐ 5-7 1-4</P> 63
<P>IVO KARLOVIC GẶP ANDY MURRAY TỶ SỐ 6-7 6-6 6-6 7-6</P> 63
<P>JO-WILFRIED TSONGA GẶP GUILLERMO GARCIA-LOPEZ TỶ SỐ 6-7 6-4 6-1 6-3</P> 63
<P>LUKAS LACKO GẶP JURGEN MELZER TỶ SỐ 6-4 6-7 3-6 6-3 6-4</P> 63
<P>DAVID GOFFIN GẶP JESSE LEVINE TỶ SỐ 4-6 6-4 6-1 6-3</P> 63
<P>JAMES WARD GẶP MARDY FISH TỶ SỐ 3-6 7-5 4-6 7-6 3-6</P> 63
<P>JARKKO NIEMINEN GẶP BRIAN BAKER TỶ SỐ 0-6 2-6 4-6</P> 63
<P>BENOIT PAIRE GẶP ALEXANDR DOLGOPOLOV TỶ SỐ 7-6 6-4 6-4</P> 63
<P>PHILIPP KOHLSCHREIBER GẶP MALEK JAZIRI TỶ SỐ 6-1 7-6 6-1</P> 63
<P>LUKAS ROSOL GẶP RAFAEL NADAL TỶ SỐ 6-7 6-4 6-4 2-6 6-4</P> 63
</BODY> 63
</HTML> 63
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 64

</HEAD> 68
<BODY BGCOLOR = TOMATO> 68
<P> VÒNG 4 WIMBLEDON 2012</P> 68
<P>NOVAK DJOKOVIC GẶP VIKTOR TROICKI TỶ SỐ 6-3 6-1 6-3</P> 68
<P>RICHARD GASQUET GẶP FLORIAN MAYER TỶ SỐ 3-6 1-6 6-3 2-6</P> 68
<P>ROGER FEDERER GẶP XAVIER MALISSE TỶ SỐ 7-6 6-1 5-6 6-3</P> 68
<P>DENIS ISTOMIN GẶP MIKHAIL YOUZHNY TỶ SỐ 3-6 7-5 4-6 7-6 5-7</P> 68
<P>DAVID FERRER GẶP JUAN MARTIN DEL POTRO TỶ SỐ 6-3 6-2 6-3</P> 68
<P>MARIN CILIC GẶP ANDY MURRAY 5-7 2-6 6-3</P> 68
<P>JO-WILFRIED TSONGA GẶP MARDY FISH TỶ SỐ 4-6 7-6 6-4 6-4</P> 68
<P>BRIAN BAKER GẶP PHILIPP KOHLSCHREIBER TỶ SỐ 1-6 6-7 3-6</P> 68
</BODY> 68
</HTML> 68
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 69
+WEB PAGE 9 “TỨ KẾT WIMBLEDON 2012” 70
+MÃ NGUỒN 70
<HEAD> 70
<TITLE> TỨ KẾT WIMBLEDON 2012</TITLE> 70
</HEAD> 70
<BODY BGCOLOR = ORANGERED> 70
<P> TỨ KẾT WIMBLEDON 2012</P> 70
<P>NOVAK DJOKOVIC GẶP FLORIAN MAYER TỶ SỐ 6-4 6-1 6-4</P> 70
<P>ROGER FEDERER GẶP MIKHAIL YOUZHNY TỶ SỐ 6-1 6-2 6-2</P> 70
<P>DAVID FERRER GẶP ANDY MURRAY TỶ SỐ 1-7 2-6 2-4</P> 70
<P>JO-WILFRIED TSONGA GẶP PHILIPP KOHLSCHREIBER TỶ SỐ 7-4 6-7 7-6</P> 70
</BODY> 70
</HTML> 70
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 70
+WEB PAGE 10 “BÁN KẾT WIMBLEDON 2012” 71
SV: Nguyễn Duy Vương

<BODY BGCOLOR = TEAL> 75
<P> CÁC TRẬN ĐẤU CỦA GIẢI WIMBLEDON 2012</P> 75
<TABLE BORDER = 2 BGCOLOR = LAVENDER CELLSPACING = 5 CELLPADDING = 10> 75
<TR> 75
<TD> <A HREF="WIMBLEDON 2012_701.HTML">VÒNG 1 WIMBLEDON 2012</A></TD> 75
<TD> <A HREF="WIMBLEDON 2012_702.HTML">VÒNG 2 WIMBLEDON 2012</A></TD> 75
<TD> <A HREF="WIMBLEDON 2012_703.HTML">VÒNG 3 WIMBLEDON 2012</A></TD> 75
<TR> 75
<TD> <A HREF="WIMBLEDON 2012_704.HTML">VÒNG 4 WIMBLEDON 2012</A></TD> 75
<TD> <A HREF="WIMBLEDON 2012_705.HTML">VÒNG TỨ KẾT WIMBLEDON 2012</A></TD> 75
<TD> <A HREF="WIMBLEDON 2012_706.HTML">VÒNG BÁN KẾT WIMBLEDON 2012</A></TD> 75
<TR> 75
<TD> <A HREF="WIMBLEDON 2012_707.HTML">TRẬN CHUNG KẾT WIMBLEDON 2012</A></TD>.75
</TABLE> 75
</BODY> 75
</HTML> 75
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 76
KHI CLICK VÀO CÁC LIÊN KẾT TA SẼ XEM ĐƯỢC CÁC KẾT QUẢ TRẬN ĐẤU WIMBLEDON 2012 TỪ VÒNG 1
ĐẾN TRẬN CHUNG KẾT GIỐNG NHƯ TỪ HÌNH ( 3.5 ĐẾN 3.11 ) 76
-WEB PAGE 13 LÀ WEB PAGE CUỐI CÙNG. ĐƯỢC TẠO THÀNH KHI TẠO SIÊU LIÊN KẾT GIỮA TẤT CẢ CÁC
WEB PAGE TRÊN 77
-MÃ NGUỒN 77
<HTML> 77
<HEAD> 77
<TITLE>WELCOME TO WIMBLEDON 2012</TITLE> 77
</HEAD> 77
<BODY BGCOLOR = RED> 77
<P>ĐÂY LÀ WEBSITE GIỚI THIỆU VỀ GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77
<IMG SRC=WIMBLEDON-2012-LOGO.JPG> GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77
<P><A HREF ="WIMBLEDON 2012_2.HTML"> CLICK ĐỂ TÌM HIỂU VỀ GIẢI VÔ ĐỊCH QUẦN VỢT

28
2.1 GIỚI THIỆU VỀ GOOGLE CHROME 28
GOOGLE CHROME LÀ MỘT TRÌNH DUYỆT WEB KHỞI CHẠY VÀ TẢI TRANG WEB NHANH CHÓNG.
GOOGLE CHROME ĐƯỢC TỐI ƯU CHẠY CÁC TRANG WEB TƯƠNG TÁC, CÁC ỨNG DỤNG WEB VÀ
JAVASCRIPT. GOOGLE CHROME ĐƯỢC THIẾT KẾ ĐỂ ĐẠT ĐƯỢC HIỆU QUẢ VÀ TÍNH DỄ SỬ DỤNG, TÌM KIẾM
VÀ ĐIỀU HƯỚNG ĐẾN CÁC TRANG WEB TỪ CÙNG MỘT HỘP Ở THANH ĐỊA CHỈ, SẮP XẾP VÀ TỔ CHỨC CÁC
TAB ĐA DẠNG. VIỆC TRUY CẬP CÁC TRANG WEB ƯA THÍCH CHỈ CẦN MỘT CÚ NHẤP CHUỘT TỪ THU NHỎ
CỦA CÁC TRANG WEB ĐƯỢC TRUY CẬP NHIỀU NHẤT TRONG CÁC “TAB MỚI” 28
GOOGLE CHROME LÀ MỘT TRÌNH DUYỆT WEB MIỄN PHÍ, ĐƯỢC PHÁT TRIỂN BỞI GOOGLE. DỰ ÁN MÃ
NGUỒN MỞ ĐỨNG SAU GOOGLE CHROME ĐƯỢC BIẾT VỚI TÊN GỌI CHROMIUM. PHIÊN BẢN BETA CHẠY
TRÊN MICROSOFT WINDOWS ĐƯỢC PHÁT HÀNH NGÀY 2 THÁNG 9 NĂM 2008 VỚI 43 NGÔN NGỮ 28
PHIÊN BẢN ỔN ĐỊNH CHÍNH THỨC LÀ 1.0.154.36. TRÌNH DUYỆT NÀY ĐÃ TRỞ THÀNH MỘT TRONG BA
TRÌNH DUYỆT THÔNG DỤNG TRÊN TOÀN CẦU, CÙNG VỚI FIREFOX VÀ INTERNET EXPLORER. PHIÊN BẢN
CHROME CHO HỆ ĐIỀU HÀNH MAC OS X VÀ LINUX ĐƯỢC PHÁT HÀNH VÀO THÁNG 6 NĂM 2009 28
SO VỚI MICROSOFT INTERNET EXPLORER THÌ GOOGLE CHROME CHẠY NHANH HƠN NHIỀU, GIAO DIỆN
MỚI LẠ VÀ DỄ SỬ DỤNG, HƠN NỮA NÓ CHẠY ỔN ĐỊNH VÀ MIỄN PHÍ. PHẦN NHIỀU CÁC BẢN MICROSOFT
WINDOWS CÀI TRÊN CÁC MÁY Ở VIỆT NAM LÀ BẢN KHÔNG CÓ BẢN QUYỀN, NÊN INTERNET EXPLORER
CHẠY RẤT CHẬM, HAY BỊ TRỤC TRẶC, HAY BỊ TREO MÁY. VỚI NHỮNG ƯU ĐIỂM ĐÓ CHÚNG TA NÊN LỰA
CHỌN TRÌNH DUYỆT CHO MÁY TÍNH CỦA MÌNH LÀ GOOGLE CHROME 28
SAU MỘT THỜI GIAN TÌM HIỂU VỀ GOOGLE CHROME VÀ HƯỚNG DẪN SỬ DỤNG GOOGLE CHROME,
CHÚNG TÔI THẤY CÁC TÀI LIỆU LIÊN QUAN ĐẾN VẤN ĐỀ NÀY KHÁ ÍT VÀ RỜI RẠC. VÌ VẬY CHÚNG TÔI ĐÃ
TÌM TÒI VÀ TỔNG HỢP CÁC TÀI LIỆU VÀ KIẾN THỨC VỐN CÓ ĐỂ ĐƯA RA MỘT TÀI LIỆU HƯỚNG DẪN CHI
TIẾT VỀ CÁC SỬ DỤNG GOOGLE CHROME 29
2.2 CÀI ĐẶT GOOGLE CHROME VÀ KHỞI ĐỘNG 29
ĐỂ TẢI VỀ TRÌNH DUYỆT MỚI NHẤT GOOGLE CHROME 20.0.1132.57 CHÚNG TA VÀO TRANG WEB
HTTP://WWW.GOOGLE.COM/CHROME , XUẤT HIỆN MÀN HÌNH CHÍNH CỦA GOOGLE CHROME, NHÁY VÀO
NÚT “TẢI XUỐNG GOOGLE CHROME”, TA SẼ TẢI VỀ MÁY TỆP CHROMESETUP.EXE DUNG LƯỢNG 722 KB.
SAU ĐÓ CHẠY TỆP NÀY THÌ GOOGLE CHROME SẼ TỰ ĐỘNG ĐƯỢC CÀI ĐẶT VÀ CHIẾM KHOẢNG 70 MB ĐĨA
CỨNG, BIỂU TƯỢNG CỦA GOOGLE CHROME XUẤT HIỆN TRÊN MÀN HÌNH NỀN NHƯ SAU : 29
Hình 2.1 Biểu tượng Google trên màn hình nền 29

THU VÀO BIỂU TƯỢNG BÊN CẠNH TAB CUỐI CÙNG Ở PHÍA TRÊN CÙNG TRÌNH DUYỆT CỦA CHÚNG NHỎ)
CỦA TRANG WEB TA TRUY CẬP NHIỀU NHẤT ĐƯỢC HIỂN THỊ Ở TRÊN CÙNG. NHẤP VÀO HÌNH THU NHỎ ĐỂ
TRUY CẬP TRANG WEB. TA CŨNG CÓ THỂ CHỌN ĐỂ ẤN CÁC HÌNH THU NHỎ NÀY KHỎI CHẾ ĐỘ XEM 31
CÁC CỬA SỔ VÀ TAB ĐÃ ĐÓNG GẦN ĐÂY. CÁC TAB VÀ CỦA SỔ CHÚNG TA ĐÃ ĐÓNG GẦN ĐÂY ĐƯỢC LIỆT
KÊ TRONG PHẦN “ĐÃ ĐÓNG GẦN ĐÂY”. NHẤP VÀO LIÊN KẾT ĐỂ KHÔI PHỤC TAB HOẶC CỬA SỔ ĐÃ ĐÓNG.
ĐỂ MỞ TRANG TAB MỚI, NHẤP TA 31
2.3.2 GHIM THẺ TAB VÀO MỘT THANH TAB : 31
CÓ NHỮNG WEBSITE MÀ CÓ THỂ CHÚNG TA LUÔN TRUY CẬP MỖI KHI MỞ GOOGLE CHROME. THAY VÌ
CỨ PHẢI GÕ ĐỊA CHỈ WEBSITE NHIỀU LẦN, HÃY GHIM NHỮNG WEBSITE NÀY VÀO THANH TAB MỘT CÁCH CỐ
ĐỊNH, LÀM NHƯ VẬY CHÚNG SẼ MỞ TỰ ĐỘNG MỖI LẦN MỞ GOOGLE CHROME. ĐỂ LÀM ĐIỀU NÀY, VÀO
WEBSITE MONG MUỐN TRÊN MỘT TAB, KÍCH CHUỘT PHẢI VÀO TAB ĐÓ VÀ CHỌN “GHIM TAB” (PIN TAB) TỪ
THỰC ĐƠN HIỆN RA. THẺ TAB BIẾN THÀNH BIỂU TƯỢNG ƯA THÍCH CỦA WEBSITE VÀ NHẢY VỀ PHÍA NGOÀI
CÙNG BÊN TRÁI THANH TAB 31
44
CHƯƠNG 3 : PHÂN TÍCH THIẾT KẾ WEBSITE TIN TỨC CHO GIẢI ĐẤU TENNIS WIMBLEDON 2012 49
3.1: CHI TIẾT THIẾT KẾ WEBSITE TIN TỨC GIẢI WIMBLEDON 2012 49
WEBSITE DO CHÚNG TÔI THIẾT KẾ CÓ NHIỀU TRANG WEB ĐƯỢC NỐI VỚI NHAU BẰNG CÁC SIÊU LIÊN KẾT
49
-WEB PAGE 1 CÓ NỘI DUNG GIỚI THIỆU VỀ GIẢI ĐẤU WIMBLEDON 2012 49
-MÃ NGUỒN: 49
<HTML> 50
<HEAD> 50
<TITLE>WELCOME TOWIMBLEDON</TITLE> 50
</HEAD> 50
<BODY BGCOLOR = GREEN> 50
<P>GIẢI WIMBLEDON (TIẾNG ANH: THE CHAMPIONSHIPS WIMBLEDON) LÀ GIẢI VÔ ĐỊCH QUẦN VỢT
ANH. NÓ LÀ GIẢI LÂU ĐỜI NHẤT VÀ CÓ UY TÍN NHẤT CỦA MÔN QUẦN VỢT. GIẢI ĐƯỢC TỔ CHỨC VÀO
KHOẢNG THÁNG 6, THÁNG 7, LÀ GIẢI THỨ 3 TRONG HỆ THỐNG GIẢI GRAND SLAM HÀNG NĂM, SAU GIẢI
ÚC MỞ RỘNG VÀ PHÁP MỞ RỘNG, VÀ TRƯỚC GIẢI MỸ MỞ RỘNG. GIẢI TIẾN HÀNH TRONG 2 TUẦN; TRONG
4 GIẢI GRAND SLAM, ĐÂY LÀ GIẢI DUY NHẤT CHƠI TRÊN SÂN CỎ. GIẢI BAO GỒM CÁC GIẢI ĐƠN NAM, ĐƠN

<TITLE> GIỚI THIỆU VỀ TAY VỢT ROGER FEDERE </TITLE> 53
</HEAD> 53
<BODY BGCOLOR = BLUE> 53
<P>ROGER FEDERER (SINH NGÀY 8 THÁNG 8 NĂM 1981 TẠI BASEL, THỤY SĨ) LÀ VẬN ĐỘNG VIÊN QUẦN
VỢT CHUYÊN NGHIỆP NGƯỜI THỤY SĨ. ROGER FEDERER ĐƯỢC NHIỀU CHUYÊN GIA, CỰU DANH THỦ CŨNG
NHƯ NHIỀU TAY VỢT CÙNG THỜI XEM LÀ TAY VỢT XUẤT SẮC NHẤT THẾ GIỚI QUA MỌI THỜI ĐẠI. FEDERER
HIỆN ĐANG NẮM GIỮ NHIỀU KỶ LỤC TRONG LÀNG QUẦN VỢT, TRONG ĐÓ CÓ VIỆC ĐỨNG SỐ 1 THẾ GIỚI
TRONG BẢNG XẾP HẠNG CỦA ATP 237 TUẦN LIÊN TIẾP TỪ 2/2/2004 TỚI 17/8/2008, ĐỒNG THỜI LÀ TAY
VỢT DUY NHẤT TRONG LỊCH SỬ ĐOẠT 5 CHỨC VÔ ĐỊCH WIMBLEDON VÀ MỸ MỞ RỘNG LIÊN TIẾP. FEDERER
ĐÃ ĐOẠT 16 DANH HIỆU GRAND SLAM, VƯỢT QUA KỶ LỤC CŨ CỦA PETE SAMPRAS LÀ 14 DANH HIỆU, VÀ
LÀ MỘT TRONG 6 TAY VỢT TRONG LỊCH SỬ VÔ ĐỊCH CẢ 4 GIẢI GRAND SLAM. HIỆN ROGER FEDERER LÀ
TAY VỢT SỐ 2 TRONG BẢNG XẾP HẠNG ATP 53
<P>LỐI ĐÁNH CỦA ROGER FEDERER <BR> FEDERER CÓ PHONG CÁCH THI ĐẤU ĐIỀM TĨNH, BIẾN HÓA, ỔN
ĐỊNH VÀ ĐẸP MẮT. "ĐẸP MẮT" TRỞ THÀNH MỘT ĐẶC ĐIỂM TRONG PHONG CÁCH THI ĐẤU CỦA FEDERER,
PHÂN BIỆT ANH VỚI TẤT CẢ CÁC TAY VỢT CÒN LẠI TRONG LỊCH SỬ QUẦN VỢT. PHONG CÁCH NÀY DỰA
TRÊN MỘT NỀN TẢNG KỸ THUẬT XUẤT SẮC VÀ MỘT TÂM LÝ THI ĐẤU VỮNG VÀNG 53
</BODY> 53
</HTML> 53
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 54
54
Hình 3.2: Web page 2 54
-WEB PAGE 3 CÓ NỘI DUNG GIỚI THIỆU VỀ TAY VỢT ROGER FEDERER THÔNG QUA MỘT SỐ HÌNH ẢNH 55
-MÃ NGUỒN 55
<HTML> 55
<HEAD> 55
<TITLE> GIỚI THIỆU VỀ TAY VỢT ROGER FEDERE </TITLE> 55
</HEAD> 55
<BODY BGCOLOR = GREEN> 55
<IMG SRC=00000021-9930.JPG> 55
<IMG SRC=ROGER_FEDERER_AP 300X300.JPG> 55

+MÃ NGUỒN 59
<HEAD> 60
<TITLE> VÒNG 1 WIMBEDON 2012</TITLE> 60
</HEAD> 60
<BODY BGCOLOR = GREEN> 60
<P> VÒNG 1 WIMBLEDON 2012</P> 60
<P>NOVAK DJOKOVIC GẶP RYAN HARRISON TỶ SỐ 6-4 6-4 6-4 </P> 60
<P>BENJAMIN BECKER GẶP RADEK STEPANEK TỶ SỐ 2-6 6-7 3-6</P> 60
<P>VIKTOR TROICKI GẶP MARTIN KLIZAN TỶ SỐ 6-4 4-6 5-7 7-6 6-4</P> 60
<P>JEREMY CHARDY GẶP JUAN MONACO TỶ SỐ 2-6 6-3 3-6 6-7</P> 60
<P>NICOLAS ALMAGRO GẶP GUILLAUME RUFIN TỶ SỐ 6-2 5-7 6-2 5-4</P> 60
<P>RUBEN BEMELMANS GẶP RICHARD GASQUET TỶ SỐ 3-6 4-6 4-6</P> 60
<P>FLORIAN MAYER GẶP PHILIPP PETZSCHNER TỶ SỐ 3-6 3-6 6-4 6-2 6-4</P> 60
<P>JERZY JANOWICZ GẶP ERNESTS GULBIS TỶ SỐ 2-4 6-4 3-6 7-6 9-7</P> 60
<P>ROGER FEDERER GẶP FABIO FOGNINI TỶ SỐ 6-1 6-3 6-2</P> 60
<P>MICHAEL RUSSELL GẶP FULIEN BENNETEAU TỶ SỐ 6-7 6-2 4-6 5-7</P> 60
<P>FERNANDO VERDASCO GẶP GREGA ZEMLJA TỶ SỐ 7-6 7-6 3-6 6-3</P> 60
<P>XAVIER MALISSE GẶP GILLES SIMON TỶ SỐ 6-4 6-4 7-6</P> 60
<P>ALEJANDRO FALLA GẶP NICOLAS MAHUT TỶ SỐ 3-6 6-7 6-4 2-6</P> 60
<P>IGOR ANDREEV GẶP DENIS ISTOMIN TỶ SỐ 6-1 6-3 6-4</P> 60
<P>MIKHAIL YOUZHNY GẶP INIGO CERVANTES TỶ SỐ 7-5 5-7 4-6 2-6</P> 60
</BODY> 60
</HTML> 60
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 61
Hình 3.5 Web page 5 61
+WEB PAGE 6 “ VÒNG 2 WIMBLEDON 2012” 62
+MÃ NGUỒN 62
<HEAD> 63
<TITLE> VÒNG 2 WIMBLEDON 2012 </TITLE> 63
</HEAD> 63

<BODY BGCOLOR = BLUE> 66
<P> VÒNG 3 WIMBLEDON 2012</P> 66
<P>NOVAK DJOKOVIC GẶP RADEK STEPANEK TỶ SỐ 4-6 6-2 6-2 6-2</P> 66
<P>VIKTOR TROICKI GẶP JUAN MONACO TỶ SỐ 7-5 7-5 6-3</P> 66
<P>NICOLAS ALMAGRO GẶP RICHARD GASQUET TỶ SỐ 3-6 4-6 4-6</P> 66
<P>FLORIAN MAYER GẶP JERZY JANOWICZ TỶ SỐ 7-6 3-6 2-6 6-3 7-5</P> 66
<P>ROGER FEDERER GẶP JULIEN BENNETEAU TỶ SỐ 6-7 6-2 7-6 6-1</P> 66
<P>FERNANDO VERDASCO GẶP XAVIER MALISSE TỶ SỐ 6-1 6-7 1-6 6-4 3-6</P> 66
<P>ALEJANDRO FALLA GẶP DENIS ISTOMIN TỶ SỐ 3-6 4-6 6-3 6-7</P> 66
<P>MIKHAIL YOUZHNY GẶP JANKO TIPSAREVIC TỶ SỐ 6-3 6-4 3-6 6-3</P> 66
<P>DAVID FERRER GẶP ANDY RODDICK TỶ SỐ 2-6 7-6 6-4 6-3</P> 66
<P>KEI NISHIKORI GẶP JUAN MARTIN DEL POTRO TỶ SỐ 3-6 6-7 1-6</P> 66
<P>MARIN CILIC GẶP SAM QUERREY TỶ SỐ 7-6 6-4 6-7 6-7</P> 66
<P>MARCOS BAGHDATIS GẶP ANDY MURRAY TỶ SỐ 5-7 6-3 5-7 1-6</P> 66
<P>JO-WILFRIED TSONGA GẶP LUKAS LACKO TỶ SỐ 6-4 6-3 6-3</P> 66
<P>DAVID GOFFIN GẶP MỸ MARDY FISH TỶ SỐ 3-6 6-7 6-7</P> 66
<P>BRIAN BAKER GẶP BENOIT PAIRE TỶ SỐ 6-4 4-6 6-1 6-3</P> 66
<P>PHILIPP KOHLSCHREIBER GẶP LUKAS ROSOL TỶ SỐ 6-2 6-3 7-6</P> 66
</BODY> 66
</HTML> 66
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 67
Hình 3.7: Web page 7 67
+WEB PAGE 8 “ VÒNG 4 WIMBLEDON 2012” 68
+MÃ NGUỒN 68
<HEAD> 68
<TITLE> VÒNG 4 WIMBLEDON 2012</TITLE> 68
</HEAD> 68
<BODY BGCOLOR = TOMATO> 68
<P> VÒNG 4 WIMBLEDON 2012</P> 68
<P>NOVAK DJOKOVIC GẶP VIKTOR TROICKI TỶ SỐ 6-3 6-1 6-3</P> 68

+MÃ NGUỒN 71
<HEAD> 71
<TITLE> VÒNG BÁN KẾT WIMBLEDON 2012</TITLE> 71
</HEAD> 71
<BODY BGCOLOR = YELLOW> 71
<P> VÒNG BÁN KẾT WIMBLEDON 2012</P> 71
<P>NOVAK DJOKOVIC GẶP ROGER FEDERER TỶ SỐ 3-6 6-3 4-6 3-6</P> 71
<P>ANDY MURRAY GẶP JO-WILFRIED TSONGA TỶ SỐ 6-3 6-4 3-6 7-5</P> 71
</BODY> 71
</HTML> 71
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 72
+WEB PAGE 11 “CHUNG KẾT WIMBLEDON 2012” 72
+MÃ NGUỒN 72
<HEAD> 72
<TITLE> CHUNG KẾT WIMBLEDON 2012</TITLE> 72
</HEAD> 72
<BODY BGCOLOR = RED> 72
<P> CHUNG KẾT WIMBLEDON 2012</P> 72
<P>ROGER FEDERER GẶP ANDY MURRAY TỶ SỐ 4-6 7-5 6-3 6-4</P> 72
<P> ROGER FEDERER VÔ ĐỊCH WIMBLEDON 2012</P> 72
</BODY> 72
</HTML> 72
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 73
-WEB PAGE 12 CÓ NỘI DUNG TỔNG HỢP KẾT QUẢ CÁC TRẬN ĐẤU WIMBLEDON 2012 BẰNG CÁCH TẠO CÁC
SIÊU LIÊN KẾT GIỮA CÁC WEB PAGE TỪ 5-11 74
-MÃ NGUỒN 74
<HEAD> 75
<TITLE> CÁC TRẬN ĐẤU CỦA GIẢI WIMBLEDON 2012</TITLE> 75
</HEAD> 75
<BODY BGCOLOR = TEAL> 75

<P>ĐÂY LÀ WEBSITE GIỚI THIỆU VỀ GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77
<IMG SRC=WIMBLEDON-2012-LOGO.JPG> GIẢI VÔ ĐICH QUẦN VỢT WIMBLEDON 2012</P> 77
<P><A HREF ="WIMBLEDON 2012_2.HTML"> CLICK ĐỂ TÌM HIỂU VỀ GIẢI VÔ ĐỊCH QUẦN VỢT
WIMBLEDON</A></P> 77
<P><A HREF ="WIMBLEDON 2012_4.HTML"> CLICK ĐỂ TÌM HIỂU VỀ ROGER FEDERER</A></P> 77
<P><A HREF ="WIMBLEDON 2012_7.HTML"> CLICK ĐỂ XEM KẾT QUẢ CÁC TRẬN ĐẤU TRONG KHUÔN
KHỔ WIMBLEDON 2012</A></P> 77
</BODY> 77
</HTML> 77
-NỘI DUNG HIỂN THỊ TRÊN TRÌNH DUYỆT GOOGLE CHROME 78
Hình 3.13: Web page 13 ( Siêu liên kết giữa tất cả các Web page đã có ở trên) 78
SAU KHI CLICK VÀO CÁC LIÊN KẾT TA SẼ XEM ĐƯỢC LIÊN KẾT VỚI CÁC WEB PAGE ĐÃ TRÌNH BÀY Ở TRÊN.
78
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
7
Danh Sách Bảng Biểu
Bảng 1.1 Thẻ <body> và một số thuộc tính cơ bản 12
Bảng 1.2: Một số màu cơ bản 13
Bảng 1.3: Các ký tự đặc biệt 26
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
8
BẢNG TRA CỨU TỪ VIẾT TẮT
******************
Ký Hiệu Tiếng Anh
A
ACSII
Alink Active Link
B

WWW World Wide Web
WEB Website
TÓM TẮT ĐỒ ÁN
********
Đồ án trình bày những nét cơ bản nhất về ngôn ngữ siêu văn bản HTML và trình
duyệt Web Google Chrome phiên bản tiếng Việt.Ngoài ra còn đề cập đến cách sử
dụng các thẻ cơ bản trong ngôn ngữ đánh dấu siêu văn bản HTML và một số hướng
dẫn sử dụng Google Chrome. Phần chính của đồ án tập chung vào chi tiết thiết kế
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
10
Website tin tức giải quần vợt Wimbledon 2012, bằng cách vận dụng các thẻ cơ bản
trong HTML.
ABSTRACT
********
Scheme presented the most basic features of hypertext language HTML and Google
Chrome Web browser version Viet.Ngoai also mentioned using the cards in the
basic hypertext markup language HTML and some instructions use Google
Chrome. The main part of the project focused on design details Website news:
Wimbledon 2012, by applying the basic HTML tags.
MỞ ĐẦU
***
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
11
Đồ án trình bày những nét cơ bản nhất về ngôn ngữ siêu văn bản HTML và trình
duyệt Web Google Chrome phiên bản tiếng Việt và chi tiết thiết kế Website tin tức
giải quần vợt Wimbledon 2012, bằng cách vận dụng các thẻ cơ bản trong HTML.
Nội dung của đồ án được trình bày trong các chương như sau:
• Chương 1: Ngôn ngữ siêu văn bản HTML

Text : HTML đầu tiên và trước hết là để trình bày văn bản và dựa trên nền
tảng là một văn bản.Các thành phần như hình ảnh , âm thanh, hoạt hình đều phải
"cắm neo" vào một đoạn văn nào đó.
Hyper : HTML cho phép liên kết nhiều trang văn bản rải rác khắp nơi trên
Internet. Nó có tác dụng che dấu sự phức tạp của Internet đối với người sử dụng , có
thể đọc mà không cần biết đến văn bản đó nằm ở đâu, xây dựng phức tạp như thế
nào. Sự phát triểm có tính bùng nổ của Internet trong thời gian vừa qua một phần
lớn là nhờ vào WWW.
Hyperlink : dùng để liên kết các tài liệu này đến tài liệu khác hoặc liên kết đối
với bất kì đối tượng nào trên Web như văn bản ,hình ảnh, âm thanh .Chỉ cần click
chuột vào siêu liên kết,tài liệu được liên kết sẽ được hiển thị.
SV: Nguyễn Duy Vương
MSV: 09CĐ0639
8
Chương 1: Ngôn ngữ siêu văn bản HTML
1.2 Thẻ HTML (HTML tag)
1.2.1 Thẻ HTML :
Tập tin HTML khác với các tập tin văn bản khác là ở chỗ chúng chứa các mã
đặc biệt, đó là thẻ HTML (HTML tag). Các thẻ này làm nhiệm vụ quy định cách
hiển thị cho nội dung trong trang web.
Thẻ HTML không phân biệt dạng chữ hoa – thường. Dạng tổng quát của một
thẻ HTML thường gồm ba phần:
<tên-thẻ> nội dung </tên-thẻ>
(Thẻ mở) (Thẻ đóng)
• Thẻ mở (opening tag) xác định vị trí bắt đầu có hiệu lực của thẻ.Thẻ mở
được kí hiệu bằng cặp móc nhọn <tên thẻ> bao quanh tên thẻ.
• Ngược lại, thẻ đóng (closing tag) chỉ định vị trí kết thúc hiệu lực của thẻ, kí
hiệu là </tên_thẻ>.
1.2.2 Phân loại thẻ :
Thẻ HTML thường được phân thành hai loại: