#HTML5: http://amzn.to/1QETLsg Pocket HTML: http://amzn.to/1Rczmv9 Today Class is on HTML5 101 and We Will Begin the HTML5 Lecture with the History,Format,Elements and Summary. #1. What is HTML5/HTML HTML Stand for Hyper Text Markup Language and its Use to MarkUp the Document. Like in Microsoft Word You Make the Text Bold than Same Thing You Can in HTML5 By Use HTML Elements Which Some Peoples Tags. Elements vs Tags: 1. HTML Element is an Command Which Have the Start Tag and End Tag But Some it Can Be Just an Empty Tag. 2. Tag is the Mark Up to Tell the Web Browser How to Interpret the Document inside the Browser. So Here How the HTML Tag Start. p with No Attributes p class="cool" with Attributes /p Closing Tag br / Empty Element Which Have Only 1 Tag #2. HTML5 History HTML5 is 5th Version of HTML Which Launched Back in 1993. So Most Peoples Think HTML5 is Something Different than HTML4.01 Which is Still in Use Today. HTML Was Created By Tim Berners-Lee Who Was Also a Physicist to Share Documents Between CERN Researchers, CERN is an Nuclear Research Organisation. HTML2.0 Was Publish in 1995 But With Standardizing Body and Finally in 1997 HTML3.2 Was Publish By W3C Which from that Day and Till Today Maintain the Standard of HTML. HTML 4 Was Publish in 1997 and is Was Last Major Update to HTML Until HTML5 Which Publish in 2012 for Candidate Recommendation and Finally Took Off in 2014 When HTML5 Was Stabnle Enough to Use On Many Popular Web Browser. HTML5 vs HTML4: HTML5 is Same As HTML4 But With New Elements and Some Old Elements are Remove. If You Want to Learn HTML Programming than You Need Start With HTML4.01. Today HTML is Maintain By W3C Standard Which Stand for World Wide Web Consortium. In 2016 The HTML5.1 Standard is Full Recommend Which Mean HTML5.1 Can Be Fully Use Right Now With Some Features are Still Under Drafting for HTML5.1. https://www.w3.org/TR/html51/ #3. HTML5.1 Body Format The Body Format of HTML5 is Very Refine and Easy , Also Very Similar to HTML4.01 Body Format. The HTML5.1 Document Start with the Doctype Which is the Definition to Web Browser Which Version of HTML are You Using. !doctype html Declaration to Web Browser html lang="en" = This Tell the Document is in English head = Main Information for the Search Engine But This Will Not Render on Web Browser.. meta charset="utf-8" = This is Character Encoding in 8 Bits title = The HTML5 Herald Title Name Which Appear in the Tab of the Web Browser. body = The Main Text Which Will Render on the Web Browser. This is a Very Simple HTML5 Body Sturcute #4. HTML5 Elements Programming 1. article = Define Article Inside Website 2. aside = Related to Something Near it 3. details = Giving Additional Details Which Can Hide and See 4. dialog = An Box Window to Give More Information 5. figure = Use for Self Contained Text or Images. 6. figcaption = Use for Image Caption Inside figure element 7. header = Use for Intro to Document or Navigation Links 8. footer = Use at the Bottom of the Website for add content such as adress or copyright trademark 9. nav = To Put and Define Navigation Links 10. main = Use to Define the Main Content on Website, You Can't Put man element inside article, aside, footer, header and nav element. 11. mark - Highlight the Text 12. menuitem = User Can Click to from a PopUp Menu and its Use to Define a Menu Item 13. meter = Display a Graphically Bar 14. progress = Display a Graphically Bar But Use for completion 15. ruby = A Small Text Before the Ruby Text Such as Chinese,Japaneses or East Asian 16. Language. 17. rp = To Tell What it is if It Can't Display ruby annotation 18. rt = To Tell the explanation or pronunciation of ruby characters 19. section = Use for a Specific or For Making Section Inside the Website Such as 20. chapters of the Website 21. summary = Use Inside the detail element for showing the more detail, its hide and see. 22. time = Difine Time inside the Website 23. wbr = Its Mean Word Break Opportunity, Use for Very Long Words Break the Word if the Browser was going to break the words line. wbr element is not supported in IE 24. bdi = It use for Bi-directional Isolation like if you write Arabic with English and worry Arabic with go on right #5. HTML5.1 Summary In Recap HTML5.1 is Same As HTML Foundation with Additional New Elements and with some dead elements. If You Want to Continue the Study You Can Buy HTML & CSS By Jon Duckett and The HTML Pocket Guide. Also You Can Check My HTML5 and CSS3 Tutorials. http://bit.ly/1Q7ehpy 1. W3CSchool: http://www.w3schools.com/html/default.asp 2. HTML-5-Tutorial.Com http://www.html-5-tutorial.com/all-html-tags.htm 3. Mozilla HTML Reference https://developer.mozilla.org/en/docs/Web/HTML/Element

• published: 28 Feb 2016
• views: 1