1. MTA EXAM 98-375 HTML5 Application Development Fundamentals

2. 98-375: OBJECTIVE 2 Build the User Interface by Using HTML5

3. Choose and configure HTML5 tags to display text content LESSON 2.1

4. In this lesson, you will review the following: Choose and configure HTML5 tags to display text content OVERVIEW Lesson 2.1

5. How has HTML5 changed from HTML4 ? What does it mean when a tag is deprecated? What happens to existing HTML4 tags that have changed to HTML5? GUIDING QUESTIONS Lesson 2.1

6. LECTURE Lesson 2.1 New HTML5 Tags The World Wide Web Consortium (W3C) has partnered with Microsoft ®, Google, and others to research the most commonly used id names for div tags, leading to new tags such as,, and others. In addition, W3C concentrated on a user-centric approach to HTML by making it easier to separate content from design, using native code and APIs in place of plug-ins. Other new tags were created to provide a semantic meaning to the markup, such as for a reduced font size, as in a copyright statement.

7. LECTURE Lesson 2.1 Displaying Text Using HTML5 HTML5 includes many of the HTML4 tags, deprecates some tags, and adds some new ones. has been combined into (therefore, is a deprecated tag). is a new tag that applies a yellow background. HTML5 design strongly emphasizes the separation of content from design by using CSS. The font tag is no longer used; instead, font attributes must be declared using CSS. Big and center tags have been deprecated; instead, use CSS font attributes and text-align to achieve the same style.

8. DEMONSTRATION Lesson 2.1 Web Page Created with HTML5 In this demonstration, you will see how a page created with HTML5 appears in a browser: – Create an HTML5 document – Open a web browser – View the new page

9. DISCUSSION Lesson 2.1 HTML5 Support If HTML5 is not fully supported by all browsers, does it make sense to use it now?

10. IN-CLASS ACTIVITY Lesson 2.1 Directions: Read the scenario in the In-Class Activity. Use the resources mentioned in this PowerPoint ® presentation and your own investigative skills to answer the questions. Part of the activity includes creating an HTML5 page with the following new tags: –Header –Footer –Small –Mark

11. REVIEW Lesson 2.1 Can you answer these? How has HTML5 changed from HTML4 ? What does it mean when a tag is deprecated? What happens to existing tags that have changed from HTML4 to HTML5?

12. ADDITIONAL RESOURCES Lesson 2.1 MSDN Resources Internet Explorer ® Learning: http://msdn.microsoft.com/en-us/ie/aa740476 Learn HTML5 in 5 Minutes http://msdn.microsoft.com/en-us/hh549253 Other Resources Complete set of HTML5 elements http://dev.w3.org/html5/markup/elements.html#el ements W3 Schoolshttp://www.w3schools.com/html5