Đang tải... (xem toàn văn)
Lý thuyết lập trình ngôn ngữ html5 và css3 từ cơ bản đến nâng cao phần 2.
BËI 2 KHỞI TẠO, LËM VIỆC VỚI MÌ HTML5 VË THËNH PHẦN FORM NHẮC LẠI BËI TRƯỚ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 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 2 MỤC TIæU BËI HỌC ! Sử dụng ng™n ngữ ‡nh dấu HTML5 ! Lˆm việc với c‡c phần tử nội dung (content) của HTML5 ! Tổng quan về những thˆnh phần form mới của HTML5 ! Lˆm việc với thˆnh phần form mới trong HTML5 Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 3 NGïN NGỮ çNH DẤU HTML5 NGïN NGỮ çNH DẤU HTML5 ! Cœ ph‡p HTML5 rất mở: ! Kh™ng ph‰n biệt kiểu chữ in hoa, in thường ! C‡c phần tử kh™ng bắt buộc phải c— thẻ —ng ! Kh™ng bắt buộc phải c— dấu nh‡y kŽp cho thuộc t’nh Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 5 <H1> Đoạn ti•u đề 1</h1> <p> Đoạn văn bản cho phần nội dung. <img src=imageone.jpg alt=landscape> NGïN NGỮ çNH DẤU HTML5 ! Cấu trœc file m‹ HTML5: Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 6 !"#$%#$& '()*+*)*&& ,-.& /(01-2324& 5(*+324& 657*/324& ('8(++(+& 32)(7*019(& :"!$;<%& NGïN NGỮ çNH DẤU HTML5 ! Khai b‡o DOCTYPE: ! DOCTYPE được sử dụng để kiểm tra hợp lệ c‡c tˆi liệu Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 7 Phiên bản trước HTML5 =>:"!$;<%&?$@A&<BCAD!&EFGGHI!GG :$:&?$@A&JKLM& $7*2/31-2*NGG%#E& E5O6PGG .K.IK-74G$QG5)'NJG N--/(K+)+ER& & =>&:"!$;<%&5)'NR& & NGïN NGỮ çNH DẤU HTML5 ! V•ng m‹ nội dung (content) HTML5 Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 8 0-2)(2)& @()*+*)*& ,-.& /(01-2324& 5(*+324&657*/324& ('8(++(+& 32)(7*019(& NGïN NGỮ çNH DẤU HTML5 ! V•ng nội dung Metadata: ! Lˆ phần nội dung thiết lập c‡ch tr“nh bˆy hoặc hˆnh vi của c‡c nội dung c˜n lại tr•n trang ! C— thể sử dụng nội dung metadata để thiết lập quan hệ giữa c‡c tˆi liệu HTML ! Thường chứa c‡c từ kh—a hoặc m™ tả cho trang web, vˆ được c‡c bộ m‡y t“m kiếm sử dụng để ph‰n loại trang web ! Được đặt trong thˆnh phần <head> Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 9 <head> <title> SmoothieWorld: Providing access to the best smoothie recipes anywhere. </title> <meta charset=utf-8> <link rel="stylesheet" href="styles.cssÓ media="all"> <script src= "jquery-1.4.2.min.js"></script> </head> NGïN NGỮ çNH DẤU HTML5 ! V•ng Flow: ! Đại diện cho c‡c phần tử được coi lˆ nội dung của trang web ! C‡c thẻ ‡nh dấu nội dung đều thuộc v•ng nˆy ! Những phần tử được th•m mới trong HTML5: <article>, <aside>, <audio>, <canvas>, <hgroup>, . Slide 2 - Khởi tạo, lˆm việc với m‹ HTML5 vˆ thˆnh phần Form 10 <h3> This is flow content </h3> <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>