On page 3Demonstrate your knowledge of the following code by giving an example of each code below (which means that you will using the tag for that code). Divide your list of examples into 2 different types of lists you haven’t used before. The type of lists you can use are listed below.bolditalicsuperscript-and-subscriptwhite-spaceline-breakshorizontal-rulesstrongemphasisquotationsabbreviationscitationsdefinitionsaddressstrike-throughLists you can use for page 2 and page 3.ordered-listsunordered-listsdefinition-listsnested-lists 
moacmtahtml5applicationsdevfundamentals98375.pdf
Unformatted Attachment Preview
® 
Microsoft Official Academic Course 
HTML5 Application Development 
Fundamentals, Exam 98-375 
| i 
VP & PUBLISHER 
EDITOR 
DIRECTOR OF SALES 
EXECUTIVE MARKETING MANAGER 
MICROSOFT PRODUCT MANAGER 
EDITORIAL PROGRAM ASSISTANT 
ASSISTANT MARKETING MANAGER 
SENIOR PRODUCTION MANAGER 
ASSOCIATE PRODUCTION MANAGER 
CREATIVE DIRECTOR 
COVER DESIGNER 
TECHNOLOGY AND MEDIA 
Don Fowley 
Bryan Gambrel 
Mitchell Beaton 
Chris Ruel 
Rob Linsky of Microsoft Learning 
Jennifer Lartz 
Debbie Martin 
Janis Soo 
Joel Balbin 
Harry Nolan 
Georgina Smith 
Tom Kulesa/Wendy Ashenberg 
This book was set in Garamond by Aptara, Inc. and printed and bound by Bind-Rite Robbinsville. 
The cover was printed by Bind-Rite Robbinsville. 
Copyright © 2013 by John Wiley & Sons, Inc. All rights reserved. 
No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, 
electronic, mechanical, photocopying, recording, scanning or otherwise, except as permitted under Sections 107 or 108 
of the 1976 United States Copyright Act, without either the prior written permission of the Publisher, or authorization 
through payment of the appropriate per-copy fee to the Copyright Clearance Center, Inc. 222 Rosewood Drive, Danvers, 
MA 01923, website www.copyright.com. Requests to the Publisher for permission should be addressed to the Permissions 
Department, John Wiley & Sons, Inc., 111 River Street, Hoboken, NJ 07030-5774, (201)748-6011, fax (201)748-6008, 
website http://www.wiley.com/go/permissions. 
Microsoft, ActiveX, Excel, InfoPath, Microsoft Press, MSDN, OneNote, Outlook, PivotChart, PivotTable, PowerPoint, 
SharePoint, SQL Server, Visio, Visual Basic, Visual C#, Visual Studio, Windows, Windows 7, Windows Mobile, Windows 
Server, and Windows Vista are either registered trademarks or trademarks of Microsoft Corporation in the United States and/ 
or other countries. Other product and company names mentioned herein may be the trademarks of their respective owners. 
The example companies, organizations, products, domain names, e-mail addresses, logos, people, places, and events 
depicted herein are fictitious. No association with any real company, organization, product, domain name, e-mail address, 
logo, person, place, or event is intended or should be inferred. 
The book expresses the author’s views and opinions. The information contained in this book is provided without any 
express, statutory, or implied warranties. Neither the authors, John Wiley & Sons, Inc., Microsoft Corporation, nor their 
resellers or distributors will be held liable for any damages caused or alleged to be caused either directly or indirectly by 
this book. 
ISBN 978-1-118-35993-8 
Printed in the United States of America 
10 9 8 7 6 5 4 3 2 1 
www.wiley.com/college/microsoft or 
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only) 
Foreword from the Publisher 
Wiley’s publishing vision for the Microsoft Official Academic Course series is to provide 
students and instructors with the skills and knowledge they need to use Microsoft technology effectively in all aspects of their personal and professional lives. Quality instruction is 
required to help both educators and students get the most from Microsoft’s software tools and 
to become more productive. Thus our mission is to make our instructional programs trusted 
educational companions for life. 
To accomplish this mission, Wiley and Microsoft have partnered to develop the highest quality 
educational programs for Information Workers, IT Professionals, and Developers. Materials created by this partnership carry the brand name “Microsoft Official Academic Course,” assuring 
instructors and students alike that the content of these textbooks is fully endorsed by Microsoft, 
and that they provide the highest quality information and instruction on Microsoft products. 
The Microsoft Official Academic Course textbooks are “Official” in still one more way—they 
are the officially sanctioned courseware for Microsoft IT Academy members. 
The Microsoft Official Academic Course series focuses on workforce development. These 
programs are aimed at those students seeking to enter the workforce, change jobs, or embark 
on new careers as information workers, IT professionals, and developers. Microsoft Official 
Academic Course programs address their needs by emphasizing authentic workplace scenarios 
with an abundance of projects, exercises, cases, and assessments. 
The Microsoft Official Academic Courses are mapped to Microsoft’s extensive research and 
job-task analysis, the same research and analysis used to create the Microsoft Technology 
Associate (MTA) and Microsoft Certified Solutions Developer (MCSD) exams. The textbooks focus on real skills for real jobs. As students work through the projects and exercises 
in the textbooks they enhance their level of knowledge and their ability to apply the latest 
Microsoft technology to everyday tasks. These students also gain resume-building credentials 
that can assist them in finding a job, keeping their current job, or in furthering 
their education. 
The concept of life-long learning is today an utmost necessity. Job roles, and even whole 
job categories, are changing so quickly that none of us can stay competitive and productive 
without continuously updating our skills and capabilities. The Microsoft Official Academic 
Course offerings, and their focus on Microsoft certification exam preparation, provide a 
means for people to acquire and effectively update their skills and knowledge. Wiley supports students in this endeavor through the development and distribution of these courses as 
Microsoft’s official academic publisher. 
Today educational publishing requires attention to providing quality print and robust electronic content. By integrating Microsoft Official Academic Course products, WileyPLUS, and 
Microsoft certifications, we are better able to deliver efficient learning solutions for students 
and teachers alike. 
Joseph Heider 
General Manager and Senior Vice President 
www.wiley.com/college/microsoft or 
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only) 
| iii 
Preface 
Welcome to the Microsoft Official Academic Course (MOAC) program for HTML5 
Application Development Fundamentals. MOAC represents the collaboration between 
Microsoft Learning and John Wiley & Sons, Inc. publishing company. Microsoft and Wiley 
teamed up to produce a series of textbooks that deliver compelling and innovative teaching 
solutions to instructors and superior learning experiences for students. Infused and informed 
by in-depth knowledge from the creators of Microsoft products, and crafted by a publisher 
known worldwide for the pedagogical quality of its products, these textbooks maximize skills 
transfer in minimum time. Students are challenged to reach their potential by using their new 
technical skills as highly productive members of the workforce. 
Because this knowledge base comes directly from Microsoft, creator of the Microsoft 
Certified Solutions Developer (MCSD) and Microsoft Technology Associate (MTA) exams 
(www.microsoft.com/learning/certification), you are sure to receive the topical coverage that 
is most relevant to students’ personal and professional success. Microsoft’s direct participation 
not only assures you that MOAC textbook content is accurate and current; it also means that 
students will receive the best instruction possible to enable their success on certification exams 
and in the workplace. 
■ 
The Microsoft Official Academic Course Program 
The Microsoft Official Academic Course series is a complete program for instructors and institutions 
to prepare and deliver great courses on Microsoft software technologies. With MOAC, we recognize 
that, because of the rapid pace of change in the technology and curriculum developed by Microsoft, 
there is an ongoing set of needs beyond classroom instruction tools for an instructor to be ready to 
teach the course. The MOAC program endeavors to provide solutions for all these needs in a systematic manner in order to ensure a successful and rewarding course experience for both instructor 
and student—technical and curriculum training for instructor readiness with new software releases; 
the software itself for student use at home for building hands-on skills, assessment, and validation of 
skill development; and a great set of tools for delivering instruction in the classroom and lab. All are 
important to the smooth delivery of an interesting course on Microsoft software, and all are provided with the MOAC program. We think about the model below as a gauge for ensuring that we 
completely support you in your goal of teaching a great course. As you evaluate your instructional 
materials options, you may wish to use the model for comparison purposes with available products. 
iv | 
www.wiley.com/college/microsoft or 
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only) 
Illustrated Book Tour 
■ 
Pedagogical Features 
The MOAC textbook for HTML5 Application Development Fundamentals is designed to 
cover all the learning objectives for that MTA exam 98-375, which is referred to as its 
“objective domain.” The Microsoft Technology Associate (MTA) exam objectives are highlighted throughout the textbook. Many pedagogical features have been developed specifically 
for Microsoft Official Academic Course programs. 
Presenting the extensive procedural information and technical concepts woven throughout the 
textbook raises challenges for the student and instructor alike. The Illustrated Book Tour that 
follows provides a guide to the rich features contributing to Microsoft Official Academic Course 
program’s pedagogical plan. Following is a list of key features in each lesson designed to 
prepare students for success as they continue in their IT education, on the certification 
exams, and in the workplace: 
• Each lesson begins with an Exam Objective Matrix. More than a standard list of 
learning objectives, the Exam Objective Matrix correlates each software skill covered in 
the lesson to the specific exam objective domain. 
• Concise and frequent Step-by-Step instructions teach students new features and provide 
an opportunity for hands-on practice. Numbered steps give detailed, step-by-step 
instructions to help students learn software skills. 
• Illustrations: Screen images provide visual feedback as students work through the 
exercises. The images reinforce key concepts, provide visual clues about the steps, and 
allow students to check their progress. 
• Key Terms: Important technical vocabulary is listed with definitions at the beginning of 
the lesson. When these terms are used later in the lesson, they appear in bold italic type 
and are defined. The Glossary contains all of the key terms and their definitions. 
• Engaging point-of-use Reader Aids, located throughout the lessons, tell students why 
this topic is relevant (The Bottom Line) and provide students with helpful hints (Take 
Note). Reader Aids also provide additional relevant or background information that adds 
value to the lesson. 
• Certification Ready features throughout the text signal to students where a specific 
certification objective is covered. They provide students with a chance to check their 
understanding of that particular MTA objective and, if necessary, review the section 
of the lesson where it is covered. MOAC offers complete preparation for MTA 
certification. 
• End-of-Lesson Questions: The Knowledge Assessment section provides a variety of 
multiple-choice, true-false, matching, and fill-in-the-blank questions. 
• End-of-Lesson Exercises: Competency Assessment case scenarios and Proficiency 
Assessment case scenarios are projects that test students’ ability to apply what they’ve 
learned in the lesson. 
www.wiley.com/college/microsoft or 
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only) 
| v 
vi | Illustrated Book Tour 
■ 
Lesson Features 
c03BuildingtheUserInterfacebyUsingHTML5OrganizationInputandValidation.indd Page 53 17/10/12 2:01 PM user-f396 
Building the User 
Interface by Using 
HTML5: Organization, 
Input, and Validation 
F-403 
3 
LESSON 
Exam Objective Matrix 
E X A M O B J E C T I V E M AT R I X 
SKILLS/CONCEPTS 
MTA EXAM OBJECTIVE 
MTA EXAM OBJECTIVE NUMBER 
Choosing and Configuring 
HTML5 Tags to Organize 
Content and Forms 
Choose and configure 
HTML5 tags to organize 
content and forms. 
2.4 
Choosing and Configuring HTML5 
Tags for Input and Validation 
Choose and configure HTML5 
tags for input and validation. 
2.5 
KEY TERMS 
article element 
nav element 
aside element 
ordered list 
autofocus attribute 
pattern attribute 
automatic validation 
placeholder text 
client-side validation 
required attribute 
datalist element 
section element 
email attribute 
semantic markup 
footer element 
server-side validation 
form input 
table 
global attribute 
unordered list 
header element 
validation 
menu element 
Web form 
Key Terms 
More Information 
Reader Aid 
c01ManagingtheApplicationLifeCycle.indd Page 5 10/16/12 3:36 PM user-f494 
/Users/F-440/Desktop 
Managing the Application Life Cycle | 5 
✚ MORE INFORMATION 
The Web addresses used in the previous exercises are repeated here for your convenience—consider 
bookmarking them for later use. You can find information on the HTML5 standard on the W3C Web site at 
http://www.w3.org/TR/html5/. One Web site that provides HTML5 tutorials is at http://www.w3schools.com/ 
html5/default.asp. Microsoft provides useful information to new developers at the Beginner Developer Learning 
Center (http://msdn.microsoft.com/en-us/beginner/default.aspx) and the MSDN site at http://bit.ly/Hd9uzt. 
Creating Apps 
HTML5 apps are much easier to develop than similar apps that use other technologies 
such as Adobe Flash and Microsoft Silverlight. HTML5, CSS, and JavaScript are 
interpreted languages, which means they do not require compilation. You can debug the 
code within a browser, make quick edits, and then refresh the browser window to see the 
result of the changes. 
Business 
Scenario 
One of your new tasks as an intern at Malted Milk Media is to create a Web form that 
restricts what a user can enter into the form fields and validates the input. To prepare to 
create the Web form, you must first learn how best to organize or structure the markup 
using new HTML5 elements. 
53 
Although you can create a lot of code using a simple text or HTML editor, if you want to 
package and deploy your app, you’ll need to use an application development tool such as 
Microsoft Visual Studio. 
Figure 1-3 
General steps for creating 
an app 
c01ManagingtheApplicationLifeCycle.indd Page 2 10/16/12 3:36 PM user-f494 
/Users/F-440/Desktop 
Plan 
Design UI 
Update Manifest 
Test and Debug 
Build App 
Write Code 
Package 
Validate 
Deploy 
2 | Lesson 1 
You are the new intern at Malted Milk Media, a creative agency that creates rich media 
applications for clients. The company will soon begin using HTML5 in its projects. 
Your manager asked you to research HTML5 and its related technologies and present 
a report on significant changes from HTML 4.01 to HTML5. You must also include 
information on how HTML5 can be used for creating touch-screen applications, such as 
those for PCs, slates, tablets, and smartphones. 
■ 
Understanding Platform Fundamentals 
THE BOTTOM LINE 
TAKE NOTE 
* 
W3C® is a trademark 
(registered in numerous 
countries) of the World 
Wide Web Consortium; 
marks of W3C are registered and held by its 
host institutions MIT, 
ERCIM, and Keio. 
HTML5 is the latest HTML standard and a family of technologies that includes HTML, 
CSS, and JavaScript. Although the HTML5 standard won’t be finalized for a few years, 
most modern Web browsers already support HTML5 elements, and HTML5 app 
development for Web and mobile device browsers is well underway. 
Hypertext Markup Language (HTML) is the language you use to describe Web pages. It is a 
markup language, not a programming language, which means HTML uses markup tags such as 
 and  to describe parts of a Web page. An HTML file doesn’t “run” like a program. 
Instead, an HTML file is interpreted by a browser to display a Web page based on the tags. 
Bottom Line 
In this section, you will learn the general steps involved in creating an app. Figure 1-3 
illustrates the steps, which are explained as follows: 
• Plan your project: Think about the type of app you want to create. Whatever you 
choose, it’s best to keep it simple while you’re first learning HTML5 app development. 
After you decide on the main action of your app, create an outline of the general flow 
of the application from start to finish. Also determine the type of user interactivity 
you want to include, such as a touch interface, whether you need to save data outside 
of the app, and whether the app should connect to other apps or services (such as an 
RSS feed). 
• Design a UI: When designing the user interface, determine how you want the app 
to appear to users. Group the content in a way that makes logical sense. Begin listing 
the commands you will need for the app to run as expected, and gather images and 
multimedia clips if necessary. At a minimum, today’s apps require a launcher icon, 
which represents your app. 
• Update the app manifest: Every app requires a manifest file. The manifest file 
describes properties of the app and what the app needs to run (see Figure 1-4). The file 
includes many different pieces of information, such as a display name that users see, a 
description of the app, the app’s orientation (portrait, landscape, etc.), the file path to the 
app’s icon, the app’s capabilities (system features or devices that your app can use), and 
much more. 
Since 1999, HTML 4.01 has been the standard for Web pages, but the world has changed 
quite a bit since then. Web users want richer Web applications that incorporate audio, video, 
and a lot of interactivity on the Web sites they visit. And with the surge in popularity of 
mobile devices like slates, tablets, and smartphones, users want to experience the same richness and interactivity in mobile applications regardless of which device they choose. 
All of this has prompted the need for a new standard, which will be HTML5. The World 
Wide Web Consortium (W3C) is the main standards body developing specifications for 
HTML5, which should be finalized in 2014. The HTML5 logo is shown in Figure 1-1. 
Figure 1-1 
The HTML5 logo 
TAKE NOTE 
* 
Even though HTML5 
is still under development, most of the major 
Web browsers such 
as Microsoft Internet 
Explorer, Google 
Chrome, Mozilla Firefox, 
Opera, and Apple Safari 
support many HTML5 
elements. 
CERTIFICATION READY 
What are the three 
primary technologies in 
the HTML5 family? 
1.1 
This work is attributed to the W3C. 
An important point to remember about HTML5 is that it is both a standard and a combination 
or family of new HTML markup tags, CSS, JavaScript, and other related technologies. Cascading 
Style Sheets (CSS) defines styles for HTML in a separate file, so you can easily change fonts, font 
sizes, and other attributes in a CSS file and the changes are reflected across all HTML files that reference the CSS file. The latest version of CSS is CSS3. JavaScript is a scripting language (a programming language that uses scripts and requires no compiler) that adds interactivity to Web pages. 
Although you can use HTML5, CSS3, and JavaScript to create Web pages, you can also use 
the combination to develop client applications (apps) that run on touch-enabled devices like 
www.wiley.com/college/microsoft or 
call the MOAC Toll-Free Number: 1+(888) 764-7001 (U.S. & Canada only) 
Illustrated Book Tour | vii 
c01ManagingtheApplicationLifeCycle.indd Page 9 10/16/12 3:36 PM user-f494 
/Users/F-440/Desktop 
Managing the Application Life Cycle | 9 
Figure 1-5 
A portion of the MSDN 
Developer Network Samples 
Web page 
2. Scroll down and click the HTML5 link in the left pane, currently near … 
Purchase answer to see full 
attachment