Bài giảng Thiết kế web - Chương 3: HTML

Nội dung text: Bài giảng Thiết kế web - Chương 3: HTML

1. CHCH NGNG 33 HTMLHTML
2. NI DUNG • Gi i thi u v HTML •Cu trúc t ng quát trang HTML • Các th n • Thi t k bng (Table) •To Form • Chia khung (Frame)
3. GI I THI U V HTML • HTML (Hyper Text Markup Language) - Ngôn ng ánh du siêu vn bn • Là mt ngôn ng dùng xây dng mt trang Web. • Ch a các thành ph n nh dng báo cho trình duy t Web bi t cách hi n th mt trang Web. •Mt trang web thông th ưng gm có 2 thành ph n chính: –D li u ca trang web (vn bn, âm thanh, hình nh ) – Các th (tag) HTML dùng nh dng mô t cách th c các d li u trên hi n th trên trình duy t.
4. Gi i thi u v HTML Trình duy t web (Browser) - Trình so n th o (Editor)
5. GI I THI U V HTML Cú pháp: Object TagName : tên tag HTML, li ền với dấu “< “, không có kho ảng tr ắng – Object : đối tượng hi ển th ị trên trang Web – ListPropeties : danh sách thu ộc tính của Tag
6. GI I THI U V HTML CU TRÚC C A TRANG WEB HTML
7. GI I THI U V HTML VÍ D
8. CU TRÚC T NG QUÁT C A TRANG WEB HTML •• :: Ph Ph mm vi vi ccaa v vnn b bnn HTML HTML •• :: MôMô t t vv trangtrang HTML. HTML. ThôngThông tin tin tagtag nàynày khôngkhông ưưcc hi hi nn th th trêntrên trang trang web web •• :: Mô Mô t t tiêutiêu trangtrang web web •• : : KhaiKhai báo báo thông thông tin tin vv trangtrang web web •• :: TTpp tin tin nhnh d dngng th th hihi nn (.css), (.css), xx lýlý (js), (js), •• : : MMuu nhnh d dngng chung chung cho cho 1 1 elementelement trongtrong webweb (( tagtag , , , , , ) , ) •• : : KhaiKhai báo báo ngôn ngôn ng ng JavaScriptJavaScript •• : : aa ch ch cc ss cáccác liên liên k ktt trên trên trang trang •• :: XácXác nhnh vùng vùng thân thân c caa trang trang web, web, nnii chch aa các các thông thông tin tin
9. CÁC TAG HTML N 1. : Hi ển th ị nội dung tiêu đề của trang web trên thanh tiêu đề của trình duy ệt Cú pháp: Ni dung tiêu 2. : Tạo header, gồm 6 cấp header, được đặt trong ph ần BODY Cú pháp Ni dung ca Header
10. CÁC TAG HTML N 3. : Dùng để ng ắt đoạn và bắt đầu đoạn mới Cú pháp Nội dung của đoạn 4. : Ng ắt dòng tại vị trí của tag. 5. : Kẻ đường ngang trang Cú pháp
11. CÁC TAG HTML N 6. : định dạng font ch ữ – Định dạng Font ch ữ cho cả tài li ệu, đặt tag trong ph ần – Định dạng từng ph n ho ặc từng t, đặt tại vị trí mu ốn định dạng Cú pháp Ni dung hi n th
12. CÁC TAG HTML N 7. : Ch ứa n ội dung c ủa trang web Cú pháp: Nội dung chính c ủa trang web Các thu c tính ca – BgColor : thi ết lập màu nền của trang – Text : thi ết lập màu ch ữ – Link : màu của siêu liên kết – Vlink : màu của siêu liên kết đã xem qua – Background : load một hình làm nền cho trang – LeftMargin : Canh lề trái – TopMargin : Canh lề trên của trang
13. CÁC TAG HTML N Ví d HTML Welcome to HTML
14. CÁC TAG HTML N 8. : Chèn mt hình nh vào trang Web Nh ng tp tin nh mà HTML h tr tt là *.gif, *.jpg và *.bmp, Cú pháp
15. CÁC TAG HTML N 9. : Chèn mt âm thanh vào trang Web, âm thanh này s c phát mi khi m trang Web. • nghe ưc âm thanh hay mt on nh c: file nh c: *.mid, *.mp3, *.wav, *.rmi . •H th ng h tr Cú pháp Src : ng dn n tp tin nh c Loop =-1 , lp li on nh c n khi không duy t na
16. CÁC TAG HTML N
17. CÁC TAG HTML N 10. : Cho phép a video tr c ti p vào trang WEB. Cú pháp Ví d: Video có th ể nhúng file mà hệ th ống hổ tr ợ nh ư: *.avi, *.dat, *.mpg
18. CÁC TAG HTML N Th marquee (ch ch y) 10. • Dùng để tạo hi ệu ứng ch ữ ch ạy trên màn hình trình duy ệt Cú pháp Dòng ch ch y
19. CÁC TAG HTML N Th marquee (ch ch y) Chào mng các bn Lp Tin hc ng dng
20. CÁC TAG HTML N T ng refresh/redirect trang web •T ng chuy n hưng trang web sang trang web khác (URL) sau mt kho ng th i gian t (s) Cú pháp