1
M C L CỤ Ụ
2
L I NÓI ĐUỜ Ầ
Hi n nay, công ngh dành cho thi t b laptop, máy tính b ng, di đngệ ệ ế ị ả ộ
ngày càng phát tri n. N u nh tr c đây, ng i dùng ph i dùng chi c máyể ế ư ướ ườ ả ế
tính đ bàn c ng k nh cùng trình duy t web IE (Internet Explorer) đ l tể ồ ề ệ ể ướ
web, thì gi đây v i máy tính xách tay (laptop), đi n tho i thông minhờ ớ ệ ạ
(Smartphone) cùng r t nhi u trình duy t khác (Firefox, Opera, Google Chrome,ấ ề ệ
…) ng i dùng có th d dàng l t “net” b t kì n i đâu. Tuy nhiên v i cácườ ể ễ ướ ở ấ ơ ớ
thi t b , trình duy t web khác nhau, n i dung hi n th trên màn hình s khácế ị ệ ộ ể ị ẽ
nhau. Ch ng h n trên máy tính có th xem các trang web này r t t t, nh ngẳ ạ ể ấ ố ư
trên đi n tho i thông minh thì giao di n và c u trúc trang b xáo tr n. Hay cóệ ạ ệ ấ ị ộ
th xem phim r t t t v i Google Chrome nh ng v i Opera, IE, Firefox thìể ấ ố ớ ư ớ
không. V y gi i pháp nào đ ng i dùng có th s d ng b t k trình duy tậ ả ể ườ ể ử ụ ấ ỳ ệ
trên b t k thi t b nào cũng có th xem đc đy đ, tr n v n n i dung,ấ ỳ ế ị ể ượ ầ ủ ọ ẹ ộ
thông tin trên Internet.
HTML5 là s n ph m c a s phát tri n ti p theo c a HTML, đó là vi tả ẩ ủ ự ể ế ủ ế
t t c a thu t ng ngôn ng web Hyper Text Markup Language, là đnh d ngắ ủ ậ ữ ữ ị ạ
c t lõi h u h t website hi n nay.ố ầ ế ệ
HTML5 cho phép phát tri n, l p trình web t o ra các trang web có nh ngể ậ ạ ữ
tính u vi t h n. Không nh ng v y, HTML5 còn đem đn cho ng i dùngư ệ ơ ữ ậ ế ườ
nh ng tr i nghi m v t c đ truy c p web nhanh h n, t t h n, tài nguyênữ ả ệ ề ố ộ ậ ơ ố ơ
phong phú h n.ơ
HTML5 và CSS3 cũng làm cho các ng d ng web và các trang web h pứ ụ ấ
d n h n. HTML5 có các tính năng m i đc thêm vào giúp cho công vi c xâyẫ ơ ớ ượ ệ
d ng ng d ng web d dàng h n r t nhi u. Ví d nh nhi u màu s c h n vàự ứ ụ ễ ơ ấ ề ụ ư ề ắ ơ
h tr đng cong, vi c làm m , góc tròn (thay vì ép bu c các nhà thi t kỗ ợ ườ ệ ờ ộ ế ế
web s d ng các hình nh đ t o ra các góc tròn) và dĩ nhiên là c vi c l u trử ụ ả ể ạ ả ệ ư ữ
offline. T t c nh ng đi u này làm m t trang Web tr nên d nhìn h n, b tấ ả ữ ể ộ ở ễ ơ ắ
3
m t h n và làm cho m i th tr nên sát v i nh ng gì mà nhà thi t k t ngắ ơ ọ ứ ở ớ ữ ế ế ưở
t ng trong đu h n.ượ ầ ơ
Ngoài ra, HTML5 và CSS3 s giúp các nhà thi t k Web d dàng h nẽ ế ế ễ ơ
trong vi c t o ra các hiêu ng đng và các trò ch i t ng tác mà không c nệ ạ ứ ộ ơ ươ ầ
dùng đn Flash. M t s ví d v nh ng ng i dùng có th làm v i HTML5,ế ộ ố ụ ề ữ ườ ể ớ
CSS3 và m t s ít h tr t JavaScript. Thi t k Shack cũng có m t ví d hi uộ ố ỗ ợ ừ ế ế ộ ụ ệ
ng đng CSS3 khác. M c dù không th thay th hoàn toàn cho Flash nh ngứ ộ ặ ể ế ư
HTML5 và CSS3 s có nhi u h a h n trong lĩnh v c này. ẽ ề ứ ẹ ự
4
CH NG 1: T NG QUAN V HTML5, CSS3ƯƠ Ổ Ề
1.1 HTML
1.1.1 Đnh nghĩa v HTMLị ề
HTML (HyperText Markup Language) là m t lo i ngôn ng dùng đ mô tộ ạ ữ ể ả
hi n th các trang web.ể ị
Nhi u ng i nh m t ng HTML là ngôn ng l p trình nh ng th c sề ườ ầ ưở ữ ậ ư ự ự
không ph i nh v y, nó là m t ngôn ng đánh d uả ư ậ ộ ữ ấ
M t ngôn ng đánh d u là m t b các th đánh d uộ ữ ấ ộ ộ ẻ ấ
Đ có th miêu t trang web ta c n đánh d u các th HTMLể ể ả ầ ấ ẻ
1.1.2 Thành ph n c a HTMLầ ủ
Các d ng th HTMLạ ẻ
Th HTML dùng đ vi t lên nh ng thành t HTMLẻ ể ế ữ ố
Th HTML đc bao quanh b i hai d u l n h n < và > nh h nẻ ượ ở ấ ớ ơ ỏ ơ
Nh ng th HTML th ng có m t c p gi ng nhau nh <b> và </b>ữ ẻ ườ ộ ặ ố ư
Th th nh t là m th đu và th th hai là th k t thúẻ ứ ấ ở ẻ ầ ẻ ứ ẻ ế
Dòng ch gi a hai th b t đu và k t thúc là n i dungữ ở ữ ẻ ắ ầ ế ộ
Nh ng th HTML không phân bi t in hoa và vi t th ng. Ví d d ngữ ẻ ệ ế ườ ụ ạ
<b> và <B> đu nh nhauề ư
Thành ph n HTMLầ
Thành ph n c a HTML b t đu v i th <b>ầ ủ ắ ầ ớ ẻ
N i dung c a nó là web design resourcesộ ủ
5