Slide2 - Co ban HTML5

download Slide2 - Co ban HTML5

If you can't read please download the document

  • date post

    16-Dec-2014
  • Category

    Technology

  • view

    465
  • download

    3

Embed Size (px)

description

Slide2 - Cơ bản HTML5

Transcript of Slide2 - Co ban HTML5

  • 1. BI 2 KHI TO, LM VIC VI M HTML5 V THNH PHN FORM

2. NHC LI BI TRC nh ngha v HTML5 Tng qut v c php ca HTML5 Mt s thnh phn mi ca HTML5 Tng quan v HTML5 API (giao din lp trnh ng dng) v cng ngh h tr Gii thiu CSS3Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form2 3. MC TIU BI HC S dng ngn ng nh du HTML5 Lm vic vi cc phn t ni dung (content) ca HTML5 Tng quan v nhng thnh phn form mi ca HTML5 Lm vic vi thnh phn form mi trong HTML5Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form3 4. NGN NG NH DU HTML5 5. NGN NG NH DU HTML5 C php HTML5 rt m: Khng phn bit kiu ch in hoa, in thng on tiu 1 Cc phn t khng bt buc phi c th ng

on vn bn cho phn ni dung. Khng bt buc phi c du nhy kp cho thuc tnh Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form5 6. NGN NG NH DU HTML5 Cu trc file m HTML5: DOCTYPECONTENTmetadataowsec1oningheadingSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Formphrasingembeddedinterac1ve6 7. NGN NG NH DU HTML5 Khai bo DOCTYPE: DOCTYPE c s dng kim tra hp l cc ti liu Phinbntrc HTMLPUBLIC"-//W3C// DTDHTML4.01 Transi1onal//EN" "hOp://www.w3.org/TR/html4/ loose.dtd">HTML5 Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form7 8. NGN NG NH DU HTML5 Vng m ni dung (content) HTML5 Metadata interac1veowcontent embeddedsec1oningphrasingSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Formheading8 9. NGN NG NH DU HTML5 Vng ni dung Metadata: L phn ni dung thit lp cch trnh by hoc hnh vi ca cc ni dung cn li trn trang C th s dng ni dung metadata thit lp quan h gia cc ti liu HTML Thng cha cc t kha hoc m t cho trang web, v c cc b my tm kim s dng phn loi trang web c t trong thnh phn

SmoothieWorld: Providing access to the best smoothie recipes anywhere. Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form9 10. NGN NG NH DU HTML5 Vng Flow: i din cho cc phn t c coi l ni dung ca trang web Cc th nh du ni dung u thuc vng ny Nhng phn t c thm mi trong HTML5: , , , , , ... This is flow content

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.

Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form10 11. NGN NG NH DU HTML5 Vng Sectioning: L vng ni dung mi ca HTML5 Bao gm 4 phn t: , , , v New Additions New Additions

SmoothieWorld features smoothie recipes submitted by our community of users. Here are some of the highest rated recipes of the last 30 days.

Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form11 12. NGN NG NH DU HTML5 Vng Heading: Cha tt c cc phn t tiu tiu chun hin ang c s dng trong HTML 4.0 bao gm: , , ... Vi HTML5: b sung thm Top Rated Smoothies The Funky Orange Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form12 13. NGN NG NH DU HTML5 Vng Phrasing: L vn bn ca ti liu bao gm cc phn t nh du vn bn bn trong mt on vn L tp con ca vng flow

The advantage of having good hiking boots ecomes extremely clear after your third day of walking.

Vng Embedded: L ni dung nhp mt ti nguyn khc nh hnh nh hay video vo trong ti liu audio> Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form13 14. NGN NG NH DU HTML5 Vng Interactive: L nhng phn t c s dng tng tc ngi dng Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form14 15. PHN T NI DUNG (CONTENT) CA HTML5 16. PHN T NI DUNG (CONTENT) CA HTML5 H tr s tng thch trn cc trnh duyt cho thnh phn HTML5: S dng file reset.css: khai bo buc cc phn t mi ca HTML5 hin th nh mt khi (block) thay v hin th inline header, section, aside, nav, footer, figure, figcaption { display:block;} S dng javascript (i vi phin bn IE 6,7,8) Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form16 17. PHN T NI DUNG (CONTENT) CA HTML5 Phn t : i din cho mt nhm h tr gii thiu hoc nh hng C th cha: phn t tiu (h1 h6), , bng cha ni dung, form tm kim, Trong HTML5 c th s dng phn t ny nhiu ln The web's #1 resource for smoothie recipes Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form17 18. PHN T NI DUNG (CONTENT) CA HTML5 Phn t : Thng c s dng cha cc thnh phn iu hng cho web HTML5

  • Home
  • AboutUs

CSS3 nav{ background-color:#60668B;height: 35px;background-image:url(images/ bg_nav.gif);background- image:url(images/bg_nav.gif); background-repeat:repeat-x; } Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form18 19. PHN T NI DUNG (CONTENT) CA HTML5Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form19 20. PHN T NI DUNG (CONTENT) CA HTML5 Thnh phn : biu din mt vng chung ca ti liu hoc ng dng Nn s dng mt section khi mun phn chia ni dung quan trng nh vn bn v hnh nh, thnh cc vngSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form20 21. PHN T NI DUNG (CONTENT) CA HTML5

copyright 2038

Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form21 22. PHN T NI DUNG (CONTENT) CA HTML5 Thnh phn : L thnh phn t cha trong mt ti liu, trang, ng dng hoc site C th lng phn t vo trong phn t L la chn ti u cha ni dung s c ng ti trong nhng ng cnh khc nhau hay thm ch trn cc thit b ring bit Phn t article c th c mt , A review of the Blend-o-Matic 3000 Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form22 23. PHN T NI DUNG (CONTENT) CA HTML5 Thnh phn : Cch s dng: S dng cho vng sidebar ca website S dng cho mt vng ni dung lin quan bn trong phn t . NewAddi1ons

SmoothieWorldfeatures smoothierecipessubmiOedbyour communityofusers.

NeedmoreData?

SeehowweputtheBlend-O- Ma1c300to thetest.Link.

Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form23 24. PHN T NI DUNG (CONTENT) CA HTML5 Thnh phn : Khng thuc lp cc phn t chia on; c th c nhiu footer trn mt trang web HTML5

CopyrightSmoothieWorld 2011

CSS3 #siteinfo{ clear:both; width:960px; height:118px; padding-top:10px; } Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form24 25. FORM VI HTML5 26. FORM VI HTML5 Cc thnh phn mi ca form HTML5 b sung thm chc nng m cc nh thit k cng nh cc nh pht trin web thng phi kt hp thng qua cc phng tin khc nh JavaScript v Flash Cch lm vic ca form POST/ GETTng tc Tr vSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form26 27. FORM VI HTML5 Cu trc m form: < code> ID: cho php nh kiu form vi CSS Action: ni gi d liu ca ngi dng x l Thng l URL tr ti m kch bn c lu trn my ch Method: Xc nh phng thc gi d liu gi tr POST/ GET Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form27 28. FORM VI HTML5 Lm vic vi thnh phn: First name:
Last name: L thnh phn khng bt buc Tng kh nng truy cp cho form Lm vic vi thnh phn < fieldset>: Personal Information First name: label>
nhm cc phn t form trn trang Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form28 29. FORM VI HTML5 Kt hp vi thnh phn thm tiu cho formSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form29 30. FORM VI HTML5 Thm iu khin mi v thuc tnh: Email: Cho php cc nh thit k sp xp d liu t cc website mt cch d dng D liu c th c gi t ng ti mt c s d liu xc nh Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form30 31. FORM VI HTML5 Website: First name: Last name:Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form31 32. FORM VI HTML5 Lm vic vi thnh phn : Mango Smoothie option> Strawberry SmoothieBanana Smoothie Xc nh mt danh sch ty chn cho thnh phn inputSlide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form32 33. FORM VI HTML5 Mt s thnh phn mi trong iu khin input: Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form33 34. TNG KT C php ca HTML5 m hn cc phin bn trc: khng phn bit ch in hoa thng, khng bt buc phi c th ng, khng bt buc phi c du nhy kp cho thuc tnh Cch khai bo ca HTML5 n gin, rt gn hn rt nhiu so vi cc phin bn trc: , , ... Cu trc m HTML5 gn lin vi cu trc b cc trang: , , , .... HTML5 cung cp nhiu iu khin trong form hn, d dng hn cho ngi thit k & pht trin Slide 2 - Khi to, lm vic vi m HTML5 v thnh phn Form34