báo cáo bài tập lớn THIẾT KẾ MỘT WEBSITE TĨNH TỰ CHỌN

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHIỆP VINH
NGÀNH CÔNG NGHỆ THÔNG TIN.


BỘ MÔN : PHÁT TRIỂN WEB 1
BÁO CÁO
ĐỀ TÀI: PHÁT TRIỂN MỘT WEBSITE TĨNH SỬ DỤNG CÁC TỆP TIN
HTML VÀ CSS

GIÁO VIÊN HƯỚNG DẪN: HOÀNG THỊ VINH
SINH VIÊN: BÙI ĐỨC HIẾU

Vinh, tháng 11 năm 2


MỤC LỤC
LỜI NÓI ĐẦU..................................................................................................................................................1
CHƯƠNG I. CƠ SỞ LÝ THUYẾT.................................................................................................................2
1.1

TỔNG QUAN VỀ NGÔN NGỮ HTML........................................................................................2

1.1.1

HTML là gì?.............................................................................................................................2

1.1.2

Tập tin HTML là gì?................................................................................................................2

1.1.3

Thẻ trong HTML......................................................................................................................3

1.2

TỔNG QUAN VỀ CSS....................................................................................................................4

1.2.1

CSS là gì ?................................................................................................................................4

1.2.2

Tại sao lại phải học css............................................................................................................4

1.2.3

Cấu trúc css..............................................................................................................................5

1.2.4

Cách chèn css vào html............................................................................................................5

CHƯƠNG II. THIẾT KẾ TRANG WEB CÁ NHÂN.....................................................................................7
2.1 Thế nào là một website ?........................................................................................................................7
2.2 các bước thiết kế một trang web............................................................................................................7
2.3 thiết kế website.......................................................................................................................................8
2.3.1 thiết kế website giao diện có trước.................................................................................................8
2.3.2 Chuyển mẫu thiết kế sang trang web html.....................................................................................9

2.3.3 Chuẩn bị ảnh, tài liệu cho website..................................................................................................9
2.3.4 Bố cục trang web.............................................................................................................................9
2.3.5 Viết mã html,css............................................................................................................................10
2.3.5.1

Mã HTML..........................................................................................................................10

2.3.5.2

Mã css.................................................................................................................................53

CHƯƠNG III. KẾT LUẬN............................................................................................................................60
CHƯƠNG IV. TÀI LIỆU THAM KHẢO.....................................................................................................61


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

LỜI NÓI ĐẦU
Trong những năm gần đây với sự phát triển vượt trội của khoa học kỹ thuật đặt biệt
là công nghệ thông tin, với những ứng dụng của công nghệ thông tin vào các lĩnh
vực đã đóng góp phần to lớn cho sự nghiệp phát triển của con người. Trong các
lĩnh vực đó thì lĩnh vực quảng bá văn hóa du lịch đang thật sự giúp ích được rất
nhiều cho chúng ta trong việc quảng bá những nét đẹp dân tộc .Hiện nay công nghệ
internet phát triển mạnh kèm theo đó là các trang mạng phát triển không ngừng.
Việc quảng bá “ ngành công nghiệp không khói” ở các trang mạng là một trong
những kênh quảng cáo được tiếp cận rộng rãi và phổ biến nhất, quan trọng hơn nó
có chi phí rẻ. Webside là một trong những cách truyền thông vô cùng tuyệt vời
giúp bạn truyền tải tin tức, kho tài liệu, bán hàng, tiếp cận đồng thời quảng bá hình

ảnh và văn hóa… trên toàn cầu.
Cũng theo Tổng cục Thống kê cho biết, lượng khách quốc tế đến nước ta trong
tháng 12/2016 ước tính đạt 897,3 nghìn lượt người, giảm 4,2% so với tháng trước
và tăng 17,9% so với cùng kỳ năm trước.Cả năm 2016, khách quốc tế đến nước ta
ước tính đạt hơn 10 triệu lượt người, tăng 26% so với năm trước và gấp 2 lần năm
2010. Đây là con số kỷ lục từ trước đến nay. Nhiều chính sách khuyến khích du
lịch phát triển của nhà nước ta đã được triển khai như miễn thị thực cho công dân 5
nước Tây Âu, tăng cường quảng bá, xúc tiến du lịch trên các trang web du lịch..Vì
thế việc thiết kế các website du lịch là vô cùng cần thiết và quan trọng..

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
1


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

CHƯƠNG I. CƠ SỞ LÝ THUYẾT
1

TỔNG QUAN VỀ NGÔN NGỮ HTML

2

HTML là gì?

HTML (HyperText Markup Language) là ngôn ngữ đánh dấu siêu văn bản, dùng để

tạo ra các trang web.
HTML bao gồm một tập hợp các thẻ dùng để:
 Định nghĩa cấu trúc của trang web.
 Định dạng nội dung của trang web.
 Tạo các siêu liên kết để liên kết đến những trang web khác.
 Chèn âm thanh, hình ảnh, video,.... vào trang web
3

Tập tin HTML là gì?
 Tập tin HTML là một tập tin text có chứa các thẻ HTML (tập tin có phần mở
rộng là .html hoặc .htm)
 Tập tin HTML còn được gọi là một trang web.

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
2


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

 Nếu cú pháp có bị sai thì trình duyệt vẫn không báo lỗi, nó chỉ hiển thị
không như ý muốn.
4

Thẻ trong HTML

Mỗi thẻ là một từ khóa, được bao quanh bởi cặp ngoặc nhọn (Ví dụ: <html>,

<head>, <body>)
Mỗi thẻ HTML thường bao gồm một cặp: thẻ mớ (bắt đầu định dạng), và thẻ đóng
(kết thúc định dạng)
Thẻ đóng giống thẻ mở, nhưng ở thẻ đóng thì có thêm ký hiệu dấu gạch chéo (/)
trước tên thẻ (ví dụ: </html>, </head>, </body>).
Văn bản cần định dạng được đặt giữa thẻ mở và thẻ đóng.
Ví dụ:

Đây là một đoạn văn bản.

Các khoảng trắng dư thừa và ký tự xuống dòng sẽ bị bỏ qua.
Các thẻ gồm một cặp thẻ đóng và mở được gọi là thẻ kép (Ví dụ: <b></b>,

, <i></i>).
Các thẻ chỉ có một thẻ mở được gọi là thẻ đơn (Ví dụ: <img>)
Các thẻ có thể được lồng vào nhau, nhưng không được chéo nhau.
 Ví dụ đúng:

Đây là <b>một đoạn</b>văn bản.

 Ví dụ sai:

Đây là <b>một đoạn

văn bản.</b>
Một số thẻ có thêm các thuộc tính:

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
3


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

 Dùng để chỉ định một số thuộc tính khác liên quan đến thẻ
 Nếu có, sẽ được khai báo trong thẻ mở
 Ví dụ:

(align là một thuộc tính dùng để canh lề cho đoạn
văn bản)

5

TỔNG QUAN VỀ CSS

6

CSS là gì ?

CSS là viết tắt của cụm từ “Cascading Style Sheet” , nó là một ngôn ngữ quy định
cách trình bày của các thẻ htmltrên trang web. Là ngôn ngữ đang được sử dụng rất
nhiều trong lập trình web, có thể nói CSS ra đời đã tạo nên một cuộc cách mạng.
Đôi khi các bạn sẽ bối rối khi nhận thấy rằng các đoạn code mình viết hiển thị
không giống nhau trên các trình duyệt khác nhau, CSS sẽ giúp các bạn giải quyết
bài toán này. CSS quy định cách hiển thị nội dung của các thẻ HTML trên các trình
duyệt gần như giống nhau, bằng cách quy định các thuộc tính cho thẻ HTML đó.
Phương thức hoạt động của CSS là nó sẽ tìm dựa vào các vùng chọn, vùng chọn có
thể là tên một thẻ HTML, tên một ID, class hay nhiều kiểu khác. Sau đó là nó sẽ áp
dụng các thuộc tính cần thay đổi lên vùng chọn đó.
7

Tại sao lại phải học css

– Css có thể tùy chỉnh bố cục định dạng hiển thị nội dung,màu sắc căn chỉnh màu
nền,đường viền,đổ bóng… cho các thẻ html.Nếu 1 website mà chỉ làm bằng html

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
4

Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

không sử dụng css thì website đó nhìn sẽ rất thô xơ.Bạn có thể tưởng tượng nó như
1 chiếc xe máy mà bỏ hết lớp sơn và áo bên ngoài chỉ còn lại mỗi bộ khung và
máy.
– CSS cung cấp cho bạn hàng trăm thuộc tính trình bày dành cho các đối tượng với
sự sáng tạo cao trong kết hợp các thuộc tính giúp mang lại hiệu quả
– Ngoài ra, hiện tại CSS đã được hỗ trợ bởi tất cả các trình duyệt khác nhau

8

Cấu trúc css

Một đoạn CSS bao gồm 4 phần như thế này:
01
02
03
04
05

vùng chọn {
thuộc tính : giá trị;
thuộc tính: giá trị;
.....
}

Nghĩa là nó sẽ được khai báo bằng vùng chọn, sau đó các thuộc tính và giá trị sẽ
nằm bên trong cặp dấu ngoặc nhọn {}. Mỗi thuộc tính sẽ luôn có một giá trị riêng,
giá trị có thể là dạng số, hoặc các tên giá trị trong danh sách có sẵn của CSS. Phần
giá trị và thuộc tính phải được cách nhau bằng dấu hai chấm, và mỗi một dòng khai
báo thuộc tính sẽ luôn có dấu chấm phẩy ở cuối. Một vùng chọn có thể sử dụng
không giới hạn thuộc tính.
9

Cách chèn css vào html

Trên thực tế thì chúng ta có tới 3 cách hay được sử dụng chèn css và website

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
5


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

+ Cách 1: Chèn nội dung CSS vào trong cặp thẻ <style> </style> trong
phần <head></head> của trang web
1
2
3
4
5
6

7
8
9
10
11
12

<html>
<head>
<title>Tổng quan về css</title>
<style>
body{ background:red; }
h1{ color:blue; font-size:18px; }
</style>
</head>
<body>

Bài học Tổng quan về css tại hocphp.info

</body>
</html>

+ Cách 2: Chèn nội dung CSS vào trực tiếp vào thẻ mở html thông qua thuộc tính
style
1
2
3
4
5
6
7
8

<html>
<head>
<title>Tổng quan về css</title>
</head>
<body>

Bài học Tổng quan về css tại hocphp.info

</body>
</html>

+ Cách 3: Lưu nội dung css ra 1 file riêng có phần mở rộng là .css và chèn file này
vào website thông tin thẻ <link>,thường file css được chèn trong cặp thẻ
<head></head>
Sau khi tạo file có tên style.css với nội dung ví dụ như sau:
1
2

body{ background:red; }
h1{ color:blue; font-size:18px; }

Lúc này chúng ta sẽ chèn file này vào website như sau
BÙI ĐỨC HIẾU

LỚP: K2DCNTT
6


Thiết kế website tĩnh

1

2
3
4
5
6
7
8
9

GVHD: HOÀNG THỊ VINH

<html>
<head>
<title>Tổng quan về css</title></pre>
<link rel="stylesheet" href=“style.css" type="text/css" />
</head>
<body>

Bài học Tổng quan về css tại hocphp.info

</body>
</html>

CHƯƠNG II. THIẾT KẾ TRANG WEB CÁ NHÂN
2.1 Thế nào là một website ?
Website còn gọi là trang web, trang mạng, là một tập hợp trang web, thường chỉ
nằm trong một tên miền hoặc tên miền phụ trên World Wide Web của Internet. Một
trang web là tập tin HTML hoặc XHTML có thể truy nhập dùng giao thức HTTP.
Website có thể được xây dựng từ các tệp tin HTML (website tĩnh) hoặc vận hành
bằng các CMS chạy trên máy chủ (website động). Website có thể được xây dựng
bằng nhiều ngôn ngữ lập trình khác nhau (PHP,.NET, Java, Ruby on Rails...)
* Nghĩa đen :

Hãy hình dung website như một tòa nhà nơi bạn đang ở. Nó sẽ bao gồm các thành
phần sau:
1. Địa chỉ: ( là 1 cái tên miền, ví dụ: www.websitere.vn)

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
7


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

2. Một chỗ ở với đủ không gian ( Hosting – không gian để lưu trữ website )
3. Các căn phòng khác nhau như phòng ngủ, nhà bếp (Các trang web khác
nhau)
4. Một cái cửa đủ lớn để cho mọi người có thể ra vào ( Bandwidth – băng
thông )
5. Một người cai quản, chăm sóc ( nhà thiết kế web / Quản lý web
2.2 các bước thiết kế một trang web






Chọn một mẫu thiết kế
Chuyển mẫu thiết kế sang trang web html
Chuẩn bị ảnh, tài liệu website

Chuẩn bị bố cục trang web
Viết mã html và css

2.3 thiết kế website
2.3.1 thiết kế website giao diện có trước
Giao diện trang web này của em được tham khảo từ CỔNG THÔNG TIN DU
LỊCH HÀ TĨNH và được chỉnh sửa lại ( về giao
diện) để phù hợp với yêu cầu của môn học hơn.

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
8


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

/>
2.3.2 Chuyển mẫu thiết kế sang trang web html
Sử dụng notepad++ để chuyển từ hình ảnh, giao diện đã có sang
mã html,css
2.3.3 Chuẩn bị ảnh, tài liệu cho website
Tài liệu , hình ảnh được lấy trực tiếp từ trang web chính. Nó giúp
bài làm thêm đẹp và đạt hơn.

2.3.4 Bố cục trang web

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
9


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

Về bố cục của trang chủ và các trang con là cơ bản giống nhau. Và
được định dạng bởi file CSS. Từ kích thước cách trình bày, font
chữ… của pagge,head,menu ngang, và footer. Chỉ có phần center
tùy thuốc vào nội dung của mỗi trang nên sẽ khác nhau.
Gồm :
 page: rộng 1000px định dạng tổng thể kích thước, màu,
font,… của trang web
 head: rộng 1000px, cao 150px, nằm trong page, là phần
định dạng bìa đầu tiên, phần giới thiệu của trang web.
Thường là ảnh
 menu ngang: rộng 1000px, cao 40px, nằm trong page, dưới
head, là nơi chứa các menu liên kết, chức năng nội dung của
trang web
 center: rộng 1000px nằm trong page. Dưới menu ngang , là
phần định dạng nội dung của trang web . trong nó còn có
nhiều center con chứa bảng Table, ảnh và nội dung….

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
10

Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

 footer: rộng 1000px, cao 200px thông tin của trang web,
doanh nghiệp….

2.3.5 Viết mã html,css
2.3.5.1Mã HTML
BÙI ĐỨC HIẾU

LỚP: K2DCNTT
11


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

// trang chủ trangchu.html
<html>
<head>
<title> Bài test Dulich Hà Tĩnh </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="test2.css"/>
<link rel="shortcut icon" href=" />oh=16bcc64b709e1b35674c0f6092c59816&oe=5A6D595E">
<style type="text/css">
table{

line-height: 2;
}
</style>
</head>
<body>
<div id="page">
<div id="vien2">
<div id="head">
<img src="head.png">
</div>
</DIV>

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
12


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<div id="menu">
<ul>
<li><a href="trangchu-buiduchieu.html"> TRANG CHỦ</a></li>
<li><a href="gioithieu.html"> GIỚI THIỆU</a></li>
<li> <a href="vanbandieuhanh.html"> VĂN BẢN ĐIỀU HÀNH</a> </li>
<li> <a href="tintucsukien.html"> TIN TỨC SỰ KIỆN</a></li>
<li> <a href="tainguyendulich.html"> TÀI NGUYÊN DU LỊCH</a> </li>
<li> <a href="donvihanhchinh.html"> ĐƠN VỊ HÀNH CHÍNH</a> </li>

<li> <a href="videoclip.html"> VIDEO-CLIP</a> </li>
<li> <a href="thuvienanh.html"> THƯ VIỆN ẢNH</a> </li>
<li> <a href="lienhe.html">LIÊN HỆ</a> </li>
</ul>
</div>
<div id="menu2">
<marquee bgcolor=#FF0000 width="100%">CHÀO MỪNG BẠN GHÉ THĂM
TRANG DU LỊCH HÀ TĨNH </marquee>

DU LỊCH HÀ TĨNH

</div>
<a href="trangchu-buiduchieu.html" style="color:red">src="home.jpg"> HOME
<hr></a>
<div id="menu3">
<div id="vien1">

<img height=20 src="dot.gif"> SỰ KIỆN NỔI BẬT

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
13


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<a href="xuctien.html"><img width=100% height=300PX src="kego.jpg">

<img src="Bulletn.gif">Thông cáo báo chí Hội nghị Quảng bá, Xúc tiến du lịch Hà
Tĩnh tại TP. Hồ Chí Minh

</a>

<hr>
<a href="dacsan.html"><img width=100% height=300PX src="dongloc2.jpg">

<img src="Bulletn.gif">Khai mạc lễ hội đồng lộc tại TP.Hà Tĩnh

</a>
<hr>
<a href="taphuan.html">src="HOINGHI2.jpg">

<img src="Bulletn.gif"> Tập Huấn nghiệp vụ du lịch
cho cán bộ công nhân viên chức

</a>
<hr>
</div>
</div>
<div id="menu6">
<div id="vien1">
<table>
<tr>
<td><img src="vanhoa.png">
</td>
<td>
<img src="amthuc.png">
</td>
</tr>
<tr>
<td>
<img src="luutru.png">
</td>
BÙI ĐỨC HIẾU

LỚP: K2DCNTT
14

Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<td>
<img src="thamquan.png">
</td>
</tr>
</table>
</div>
<div id="menu4">
<div id="vien1">

DÒNG SỰ KIỆN

<div id="chuottext1"><a href="xuctien.html"> Hội nghị Quảng bá, Xúc tiến Du lịch
Hà Tĩnh 2017 tại TP. Hồ Chí Minh</a></div>
<hr>
<div id="chuottext1"><a href="xuctien.html"> Thông cáo báo chí Hội nghị Quảng
bá, Xúc tiến du lịch Hà Tĩnh tại TP. Hồ Chí Minh</a></div>
<hr>
<div id="chuottext1"><a href="taphuan.html"> Tập huấn nghiệp vu du lịch cho
nhân viên phục vụ khách du lịch trên phương tiện giao thông đường thủy</a></div>
<hr>
<div id="chuottext1"><a href="luotkhach.html"> Khách quốc tế đến Việt Nam đạt
gần 10,5 triệu lượt trong 10 tháng</a></div>
<hr>
<div id="chuottext1"><a href="chuahuong.html"> Xây dựng Khu du lịch chùa
Hương thành quần thể danh thắng tầm cỡ</a></div>
<hr>
<div id="chuottext1"><a href="songlam.html"> Khai trương tuyến du lịch du thuyền
trên sông Lam</a></div>

<hr>

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
15


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<div id="chuottext1"><a href="gapmat.html"> Gặp mặt Doanh nghiệp Du lịch nhân
Kỷ niệm ngày Du lịch thế giới</a></div>
<hr>
<div id="chuottext1"><a href="thongdiep.html"> Thông điệp Ngày Du lịch thế giới
2017: Du lịch bền vững – Cách thức để phát triển
Thông điệp Ngày Du lịch thế giới 2017: Du lịch bền vững – Cách thức để phát
triển</a></div>
<hr>
<div id="chuottext1"><a href="9thangdau.html"> 9 tháng đầu năm 2017, Hà Tĩnh
đón 1.219.000 lượt khách</a></div>
<hr>
<div id="chuottext1"><a href="vingroup.html"> Vingroup ký kết đầu tư du lịch sinh
thái thác Vũ Môn</a></div>
<hr>
<div id="chuottext1"><a href="kyket.html"> Ký kết hợp tác phát triển du lịch Nghệ
An – Hà Tĩnh</a></div>
<hr>
</div>

</div>
</div>
<div id="menu5">
<img width=1000 px src="dulichbien.png">
<div id="vien1">
<table>
<tr BGCOLOR=#5E610B>
<td >
</td>
<td>
</td>
</tr>
<tr>

<td>
<img src="lehoidongloc.jpg">
<a href="lehoi.html">

LỄ HỘI ĐỒNG LỘC

</a>

Diễn ra vào tháng 7 DL, tại Đồng Lộc, Can Lộc.

</td>
<td>
<a href="chieutrung.html">

Lễ hội đền Chiêu Trưng

</a>
<hr>
<a href="danhca.html">

Lễ hội đánh cá Đồng Hoa

<a>
<hr>
<a href="caungu.html">

Lễ hội cầu ngư

</a>
<hr>
<a href="thiencam.html">

Lễ khai trương mùa du lịch biển Thiên Cầm

</a>
<hr>

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
17


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

</td>
<td>
<img src="bunbo.png">
<a href="bunbo.html">

BÚN BÒ ĐỨC THỌ</P></A>
<P>

</td>
<td>
<a href="rambanh.html">

Ram bánh Mướt

</a>
<hr>
<a href="chaocanh.html">

Cháo canh Hà Tĩnh

</a>
<hr>
<a href="hensongla.html">

Hến Sông La

</a>
<hr>
<a href="banhbeo.html">

Bánh bèo Hà Tĩnh

</a>
<hr>
</td>
</tr>
<tr BGCOLOR=#5E610B>
<td>
Tour Lữ Hành
</td>
<td>
</td>

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
18


Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<td>
HỆ THỐNG GIAO THÔNG
</td>
<td>
</td>
</TR>
<tr>
<td>
<img src="10.jpg">

<a href="viengchan.html">Du Lịch Hà Tĩnh – Viêng Chăn – Hà Tĩnh</a>
</td>
<td>
<a href="viengchan.html">

Du Lịch Hà Tĩnh – Viêng chăn – Parksan – Hà
Tĩnht

</a>
<hr>
<a href="viengchan.html">

Du Lịch Hà Tĩnh - Viêng Chăn - Udon –
Nakhonphanom - Hà Tĩnh

</a>
<hr>
<a href="viengchan.html">

Du Lịch Hà Việt - Lào - Thái – Campuchia

</a>
<hr>
<a href="viengchan.html">

Khám phá miền Tây sông nước

</a>
<hr>
</td>
<td>
<img height=150 width=200 src="xebuyt.jpg">

BÙI ĐỨC HIẾU

LỚP: K2DCNTT
19

Thiết kế website tĩnh

GVHD: HOÀNG THỊ VINH

<a href="XEBUYT.HTML">XE BUYT</A>
</td>
<td>
<a href="TAXI.HTML">

Xe taxi

</a>
<hr>
<a href="gatau.html">

Ga tàu

</a>
<hr>
<a href="benxe.html">

Bến xe

</a>
<hr>
<a href="xebuyt.html">

Xe buýt

</a>
<hr>
</td>
</tr>
<tr BGCOLOR=#5E610B>
<td>
<a href="khachsan.html">khách sạn</a>
</td>
<td>
</td>
<td>