L I NÓI Đ UỜ Ầ
Ngày nay, Công ngh thông tin là m t trong nh ng ngành đang phát tri nệ ộ ữ ể
r t m nh m và có nh h ng sâu r ng đ n m i m t đ i s ng. Nó là n nấ ạ ẽ ả ưở ộ ế ọ ặ ờ ố ề
t ng c a n n kinh t tri th c, là th c đo trình đ phát tri n c a m t qu cả ủ ề ế ứ ướ ộ ể ủ ộ ố
gia.Vì v y, vi c đào t o đ i ngũ k s công ngh thông tin có ch t l ng đòiậ ệ ạ ộ ỹ ư ệ ấ ượ
h i ph i đ c chú tr ng và đ u t đúng m c.ỏ ả ượ ọ ầ ư ứ
Xã h i và kinh t phát tri n đòi h i công ngh cũng ph i phát tri n. Côngộ ế ể ỏ ệ ả ể
ngh phát tri n, con ng i ngày càng phát minh ra nh ng thi t b công ngh sệ ể ườ ữ ế ị ệ ố
thông minh giúp đ con ng i v r t nhi u m t trong cu c s ng. ỡ ườ ề ấ ề ặ ộ ố Trong th i đ iờ ạ
ngày nay, đ t n c ta đang h i nh p vào WTO cùng v i s phát tri n nhanh chóngấ ướ ộ ậ ớ ự ể
c a công ngh thông tin đ c áp d ng trên m i lĩnh v c c a cu c s ng nh kinhủ ệ ượ ụ ọ ự ủ ộ ố ư
t , chính tr , văn hóa xã h i, t t c đ u c n có công ngh thông tin. Nh hi n nayế ị ộ ấ ả ề ầ ệ ư ệ
chúng ta đã bi t l p trình và thi t k Website có th đ c coi là ngành “hot” màế ậ ế ế ể ượ
hi n nay chúng ta đang r t quan tâm. Ngày nay xã h i phát tri n nhu c u v vi c sệ ấ ộ ể ầ ề ệ ở
h u riêng cho mình m t website cá nhân là vô cùng l n. H u h t ai cũng có nhu c uữ ộ ớ ầ ế ầ
s h u m t website cá nhân hay m t blog đ chia s thông tin, h c t p, vi t nh t kí,ở ữ ộ ộ ể ẻ ọ ậ ế ậ
l u l i nh ng hình nh, video v gia đình b n bè… N m đ c nhu c u đó em đãư ạ ữ ả ề ạ ắ ượ ầ
quy t đ nh ch n đ tài: “Xây d ng trang web cá nhân b ng HTML và CSS” cho đ tế ị ọ ề ự ằ ợ
th c t p chuyên ngành l n này. Trong quá trình tri n khai đ tài có g p m t sự ậ ầ ể ề ặ ộ ố
v ng m c nh ng đã đ c m t s th y cô giáo và các b n cùng l p giúp đ nên đướ ắ ư ượ ộ ố ầ ạ ớ ỡ ề
tài đã hoàn thành đúng th i h n và k t qu ban đ u cũng khá hoàn thi n.ờ ạ ế ả ầ ệ
Em xin chân thành c m n giáo viên h ng d n th y:ả ơ ướ ẫ ầ Lê Khánh D ngươ -Bộ
môn: M ng và Truy n Thôngạ ề đã giúp đ và ch d n em hoàn thành bài báo cáo này.ỡ ỉ ẫ
Sinh viên:D ng Th Maiươ ị
CH NG 1: C S LÝ THUY TƯƠ Ơ Ở Ế
1.1 T NG QUAN V NGÔN NG HTMLỔ Ề Ữ
1.1.1 Gi i thi u v HTMLớ ệ ề
HTML (Hyper Text Markup Language - Ngôn ng đánh d u siêu văn b n) làữ ấ ả
m t s đ nh d ng đ báo cho trình duy t Web (Web browser) bi t cách đ hi n thộ ự ị ạ ể ệ ế ể ể ị
m t trang Web. Các trang Web th c ra không có gì khác ngoài văn b n cùng v i cácộ ự ả ớ
th (tag) HTML đ c s p x p đúng cách ho c các đo n mã đ trình duy t Web bi tẻ ượ ắ ế ặ ạ ể ệ ế
cách đ thông d ch và hi n th chúng lên trên màn hình.ể ị ể ị
Tên g i ngôn ng dánh d u siêu văn b n có ý nghĩa nh sau:ọ ữ ấ ả ư
Đánh d u (Markup): HTML là ngôn ng c a các th đánh d u - Tag. Các thấ ữ ủ ẻ ấ ẻ
này xác đ nh cách th c trình bày đo n văn b n t ng ng trên màn hình.ị ứ ạ ả ươ ứ
Ngôn ng (Language): HTML là m t ngôn ng t ng t nh các ngôn ngữ ộ ữ ươ ự ư ữ
l p trình, tuy nhiên đ n gi n h n. Nó có cú pháp ch t ch đ vi t các l nh th cậ ơ ả ơ ặ ẽ ể ế ệ ự
hi n vi c trình di n văn b n. Các t khoá có ý nghĩa xác đ nh đ c c ng đ ngệ ệ ễ ả ừ ị ượ ộ ồ
Internet th a nh n và s d ng. Ví d b = bold, ul = unordered list,…ừ ậ ử ụ ụ
Văn b n (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 khác nh hình nh, âm thanh, ho tề ả ộ ả ầ ư ả ạ
hình đ u ph i "c m neo" vào m t đo n văn b n nào đó.ề ả ắ ộ ạ ả
Siêu văn b n (HyperText): 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. Ng i dùng Internet có th đ c văn b n mà không c n bi t đ n vănườ ử ụ ườ ể ọ ả ầ ế ế
b n đó n m đâu, h th ng đ c xây d ng ph c t p nh th nào. HTML th c sả ằ ở ệ ố ượ ự ứ ạ ư ế ự ự
đã v t ra ngoài khuôn kh khái ni m văn b n c đi n.ượ ổ ệ ả ổ ể
1.1.2 Trang mã ngu n HTML và trang Web.ồ
Trang mã ngu n HTML là m t t p văn b n bình th ng g m các kí t ASCII,ồ ộ ệ ả ườ ồ ự
có th đ c t o ra b ng b t c trình so n th o thông th ng nào. Theo quy c,ể ượ ạ ằ ấ ứ ạ ả ườ ướ
t t c các t p mã ngu n c a trang siêu văn b n ph i có đuôi là .html ho c .htm.ấ ả ệ ồ ủ ả ả ặ
Khi trình duy t (browser) đ c trang mã ngu n HTML, nó s d ch các th l nhệ ọ ồ ẽ ị ẻ ệ
và hi n th lên màn hình máy tính thì ta th ng g i là trang Web. V y trang webể ị ườ ọ ậ
không t n t i trên đĩa c ng c a máy tính c c b . Nó là cái th hi n c a trang mãồ ạ ứ ủ ụ ộ ể ệ ủ
ngu n qua vi c x lý c a trình duy t. Nh sau này ta s th y, các trình duy t khácồ ệ ử ủ ệ ư ẽ ấ ệ
nhau có th hi n th cùng m t trang mã ngu n không hoàn toàn gi ng nhau.ể ể ị ộ ồ ố
Nói so n th o siêu văn b n t c là t o ra trang mã ngu n HTML đúng quy đ nhạ ả ả ứ ạ ồ ị
đ đ duy t hi u đ c và hi n th đúng. S d ng HTML đ so n th o các trangể ộ ệ ể ượ ể ị ử ụ ể ạ ả
siêu văn b n, v nguyên t c cũng không khác m y so v i dùng các b so n th o vănả ề ắ ấ ớ ộ ạ ả
b n thông th ng. Ch ng h n, trong so n th o văn b n thông th ng, đ làm n iả ườ ẳ ạ ạ ả ả ườ ể ổ
b t các tiêu đ ta ph i đánh d u nó và ch n c to, căn chính gi a... Ch ng trìnhậ ề ả ấ ọ ỡ ữ ươ
so n th o văn b n s chèn các d u hi u thích h p (ta không nhìn th y đ c) vàoạ ả ả ẽ ấ ệ ợ ấ ượ
đ u và cu i đo n tiêu đ đ c ch n đ th hi n nó theo yêu c u. V i HTML cũngầ ố ạ ề ượ ọ ể ể ệ ầ ớ
t ng t nh v y. ươ ự ư ậ
1.1.3 Th (tag) HTML là gì?ẻ
Đ bi u di n thông tin trên trang web, www s d ng ngôn ng HTML để ể ễ ử ụ ữ ể
trình bày thông tin. M i thông tin chi ti t s đ c trình bày và đ nh d ng d a vàoỗ ế ẽ ượ ị ạ ự
m t c p th (tag) HTML t ng ng. ộ ặ ẻ ươ ứ
- M i c p th bao g m: th m và th đóng. Tên th m và th đóng gi ngỗ ặ ẻ ồ ẻ ở ẻ ẻ ở ẻ ố
nhau và đ c đ t t ng c p d u <tên th >ượ ặ ỏ ặ ấ ẻ
- Trong th m có th có thêm các tham s phía sau tên thẻ ở ể ố ẻ
- Trong th đóng có thêm d u / phía tr c tên thẻ ấ ướ ẻ
- D li u c n trình bày đ t trong c p th m và th đóngữ ệ ầ ặ ặ ẻ ở ẻ
- Có m t s th không nh t thi t ph i vi t c th đóngộ ố ẻ ấ ế ả ế ả ẻ
- Có th đ t các c p th HTML l ng nhauể ặ ặ ẻ ồ
C u trúc chung c a m t th (tag) HTML nh sau:ấ ủ ộ ẻ ư
<Ten_The thamso1= giatri1 thamso2=giatri2…>
Thông tin c n trình bày ầ
</Ten_The>
Ví d :ụ
<B>ch đ m</B>ữ ậ
<I>ch nghiêng</I>ữ
<U>ch g ch chân<U>ữ ạ
<B><I>ch v a đ m v a nghiêng</I></B>ữ ừ ậ ừ
1.1.4 C u trúc c a m t trang HTML.ấ ủ ộ
<html>
<head>
<title>Tiêu đ trang web</title>ề
</head>
<body>
N i dung trang webộ
</body>
</html>
1.1.5 Các quy t c chung.ắ
M t s đi u c n l u ý khi so n th o siêu văn b n b ng HTML: ộ ố ề ầ ư ạ ả ả ằ
- Nhi u d u cách li n nhau cũng ch có tác d ng nh m t d u cách. B n ph iề ấ ề ỉ ụ ư ộ ấ ạ ả
s d ng th đ th hi n nhi u d u giãn cách li n nhau. ử ụ ẻ ể ể ệ ề ấ ề
- Gõ Enter đ xu ng dòng đ c xem nh m t d u cách, đ xu ng hàng thìể ố ượ ư ộ ấ ể ố
chúng ta ph i s d ng th t ng ngả ử ụ ẻ ươ ứ
- Có th vi t tên th không phân bi t ch in th ng và in hoa. ể ế ẻ ệ ữ ườ
- Vì các kí t d u l n h n ">", d u nh h n "<" đã đ c dùng làm th đánhự ấ ớ ơ ấ ỏ ơ ượ ẻ
d u, do đó đ hi n th các kí t này HTML quy đ nh cách vi t: &gt; &lt;ấ ể ể ị ự ị ế
Nói chung, quy t c vi t các kí t đ c bi t trong HTML là tên_quy_đ nh c a kíắ ế ự ặ ệ ị ủ
t n m gi a d u ampersand - & và d u ch m ph y ' ; '&tên_quy_đ nh;ự ằ ữ ấ ấ ấ ẩ ị
5 ký t đ c bi t hay dùngự ặ ệ
Ký tựCách vi tế
< &lt;
> &gt;
“ &quot;
Ký t tr ngự ắ &nbsp;
& &amp;
Có th chèn các dòng bình lu n, chú thích... vào trang mã ngu n b ng cách đ tể ậ ồ ằ ặ
gi a c p d u chú thích <!-- và -->. Trình duy t s b qua không xét đ n ph n mãữ ặ ấ ệ ẽ ỏ ế ầ
n m gi a c p d u đó:ằ ữ ặ ấ
<!-- Dòng chú thích -->
1.1.6 Các th đ nh c u trúc tài li u.ẻ ị ấ ệ
- <HTML></HTML>
- <HEAD></HEAD>
- <TITLE></TITLE>
- <BODY></BODY>
Các tham s c a thố ủ ẻ
Tham sốÝ nghĩa
LINK Ch đ nh màu c a văn b n liên k tỉ ị ủ ả ế
ALINK Ch đ nh màu c a văn b n siêu liên k t đang ch nỉ ị ủ ả ế ọ
VLINK Ch đ nh màu c a văn b n siêu liên k t đã mỉ ị ủ ả ế ở
BACKGROUND Ch đ nh đ a ch nh dùng làm n nỉ ị ị ỉ ả ề
BGCOLOR Ch đ nh màu n nỉ ị ề
TEXT Ch đ nh màu c a văn b n trong tài li uỉ ị ủ ả ệ
SCROLL Yes hay No có hay không có thanh cu nộ
TOPMARGIN L trên ề
RIGHTMARGIN L ph iề ả
1.1.7 Các th đ nh d ngẻ ị ạ
- <P></P>