Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống
1
/ 28 trang
THÔNG TIN TÀI LIỆU
Thông tin cơ bản
Định dạng
Số trang
28
Dung lượng
2,57 MB
Nội dung
BÀI 1 NHỮNG KHÁI NIỆM ðẦU TIÊN VỀ HTML5 MỤC TIÊU BÀI HỌC ! ðịnh ngha về HTML5 ! Tổng quát về cú pháp của HTML5 ! Một số thành phần mới của HTML5 ! Tổng quan về HTML5 API (giao diện lập trình ứng dụng) và công nghệ hỗ trợ ! Giới thiệu CSS3 Slide 1 - Những khái niệm ñầu tiên về HTML5 2 ðỊNH NGHA HTML5 ðỊNH NGHA HTML5 Slide 1 - Những khái niệm ñầu tiên về HTML5 4 ! Thành phần của HTML5: !∀#∃%!&∋∃()∗∃ !∀+,−∃./∀∃0112∃ 34546−7∗89∃∃ 0:/;∃/;∀<∃∀=∃97>∃9?−∀∃≅∗<9∃ HTML5 ðỊNH NGHA HTML5 ! HTML5 và họ HTML5: ! HTML5: • Là những thành phần ánh dấu/ cú pháp mới • Các thẻ (tag) • Ví dụ: <ul>, <li>, <div>, … ! Họ HTML5: • Bao gồm các thẻ mới • Công nghệ mới: CSS3, Geolocation, Web storage, web workers, web socket • Tác dụng của công nghệ mới: – Cung cấp tính nng mạnh mẽ cho bộ công cụ – Tạo ra website hữu dụng & tinh xảo Slide 1 - Những khái niệm ñầu tiên về HTML5 5 ðỊNH NGHA HTML5 ! Phạm vi sử dụng HTML5: ! PC ! Thiết bị di ñộng & smartphone ! Slide 1 - Những khái niệm ñầu tiên về HTML5 6 TỔNG QUAN VỀ CÚ PHÁP HTML5 TỔNG QUAN VỀ CÚ PHÁP HTML5 ! Ngôn ngữ HTML5 giới thiệu một số thẻ/ thành phần mới giúp cấu trúc trang web ñược logic thiết thực hơn Slide 1 - Những khái niệm ñầu tiên về HTML5 8 !∀#∃%&∋(%&)∗+,−& ./012& ΑΒ∗5∃#345∀6736∗5&Χ∃!∀∗6∃∗6∃(∆∃∀Ε4ΒΕ7∃ ΑΦΒ∗5Χ∃ ∃ ∃ Γ∀Ε4ΒΕ7∃Η∃Ι∗Β9∀ϑΚΛΜ8ΝΟ∃∀Ε∗;∀9ϑΠΜΜ8ΝΟ∃ ≅4−Θ;7Ρ+/ΒΣ−ΡΤΡ7ϑ;74∆Ο∃ Υ∃ ∃ ∃ ∃ ∃ Α∀Ε4ΒΕ7Χ∃!∀∗6∃∗6∃(∆∃∀Ε4ΒΕ7∃ΑΦ ∀Ε4ΒΕ7Χ∃ ∃ ∃ ∀Ε4ΒΕ7∃Η∃Ι∗Β9∀ϑΚΛΜ8ΝΟ∃∀Ε∗;∀9ϑΠΜΜ8ΝΟ∃ ≅4−Θ;7Ρ+/ΒΣ−ΡΤΡ7ϑ;74∆Ο∃ Υ∃ ∃ TỔNG QUAN VỀ CÚ PHÁP HTML5 ! Thành phần mới trong HTML5: ! A: <header> ! B: <nav> ! C: <section> ! D:<article> ! E: <aside> ! F: <footer> Slide 1 - Những khái niệm ñầu tiên về HTML5 9 TỔNG QUAN VỀ CÚ PHÁP HTML5 ! Tên của thành phần mới dựa theo tên các thành phần thông dụng ñược sử dụng trong phần bố cục trang web hiện nay (div id="footer",div id="nav", ). ! Tác dụng của các thành phần mới trong HTML5: ! Giảm bớt sự phụ thuộc vào thẻ <div> ! Thay thế bởi một cấu trúc trang web thống nhất, dễ ñọc hơn ! HTML5 không thay thế bất k cú pháp HTML nào; mà chỉ bổ sung thêm các thành phần (thẻ) mới vào danh sách hiện có Slide 1 - Những khái niệm ñầu tiên về HTML5 10 [...]... type="email" required> Slide 1 - Nh ng khái ni m ñ u tiên v HTML5 17 THÀNH PH N M I C A HTML5 ! M t s thành ph n m i khác: ! , : gán nhãn (ho c chú thích nh) cho các hình nh trên trang web ! : nhóm m t t p các thành ph n vào m t thành ph n h p lý ! … Slide 1 - Nh ng khái ni m ñ u tiên v HTML5 18 T NG QUAN V HTML5 API T NG QUAN V HTML5 API ! API (Application Programming... khái ni m ñ u tiên v HTML5 23 T NG QUAN V HTML5 API ΤΡ−4Τ19Ρ74;Εϑ∃ βχ∃Τ∗ . Giới thiệu CSS3 Slide 1 - Những khái niệm ñầu tiên về HTML5 2 ðỊNH NGH