Ebook lập trình html5 và css3 phần 1

Lý thuyết lập trình ngôn ngữ html5 và css3 từ cơ bản đến nâng cao phần 1.

BËI 1 NHỮNG KHçI NIỆM ĐẦU TIæN VỀ HTML5 MỤC TIæU BËI HỌC !  Định ngh󲚵a 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 NGH󲚴A HTML5 ĐỊNH NGH󲚴A 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 NGH󲚴A 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 n󲚏ng 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 NGH󲚴A 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 Phiên bản trước  HTML5  AB*5$id="header" C$!"*6$*6$(D$"E4BE7$ AFB*5C$ $ $ G"E4BE7$H$I*B9"JKLM8NO$"E*;"9JPMM8NO$ @4-Q;7R+/BS-RTR7J;74DO$ U$ $ $ $ $ A"E4BE7C$!"*6$*6$(D$"E4BE7$AF "E4BE7C$ $ $ "E4BE7$H$I*B9"JKLM8NO$"E*;"9JPMM8NO$ @4-Q;7R+/BS-RTR7J;74DO$ U$ $ 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