DRAG DROP
You develop a website for a company by using HTML5.
You have the following requirements:
Allow multiple news postings per page under the title “Welcome to the Semantic Web!”.
Search engines must be able to index individual news postings.
News postings must be styled by using the following CSS markup:
.posting { line-height: 150%; )
You need to structure the markup for each individual news posting.
How should you complete the relevant markup? (To answer, drag the appropriate markup to
the correct location or locations in the answer area. Use only markup that applies.)

You develop an HTML5 webpage with custom CSS. You have the following HTML markup:
<div class=”new” Item”>…</div>
You have the following requirements:
In addition to your CSS, you must use a corporate branded stylesheet named corporate.ess.
The corporate.ess file contains the style rule that must be used for .newsItem.
You must use the corporate.ess file to ensure that the webpage changes when the brand
changes.
You must add additional style rules to the webpage.
You cannot modify the corporate.ess file.
You need to apply the appropriate CSS rules to meet the requirements.
What should you do?

You are developing an e-commerce website. Users place products into a shopping cart.
You need to ensure that the shopping cart data is available between browser sessions.
Which object should you use to store the shopping cart data?

You are creating a JavaScript object that represents a customer.
You need to extend the Customer object by adding the GetCommission method.
You need to ensure that all future instances of the Customer object implement the
GetCommission method.
Which code segment should you use?

You develop an HTML5 webpage. You have the following HTML markup:

You need to change the background color for all of the elements whose name attribute ends
with the word name.
Which code segment should you add to the webpage?

You are developing a web application by using HTML5.
You have the following requirements.
The color of a menu item must change when a user hovers over the item.
The color of the menu item must change back to its original color after five seconds.
You need to ensure that the animation is applied to all menu items.
Which CSS3 code should you use?

HOTSPOT
You are implementing an HTML page that uses a custom sans-serif font. The CSS
statement for the page is as follows.

Some users report that text is displayed in the default font for the browser.
You need to modify the CSS statement to ensure that the content is displayed with the
custom font.
What should you do? (To answer, select the appropriate options from the drop-down lists in
the answer area.)

Your company uses a third-party component that generates HTML for a website. The thirdparty component creates DIV elements that display a yellow background.
The third-party component uses inline styles in the DIV elements that are inconsistent with
your corporate standards. You must override the DIV elements in the style sheet with the
corporate styles.
You need to ensure that the website meets corporate standards.
Which style should you use?

You develop an HTML5 webpage that contains the following HTML markup:

Users must receive a message after they click the Submit button if the text entered into the
favoriteColor text box is fewer than 2 characters or greater than 10 characters.
You need to implement the testLength() function.
Which code segment should you use?

DRAG DROP
You are developing a form that captures a user’s email address by using HTML5 and
jQuery.
The form must capture the form elements as a string.
You need to implement this functionality.
How should you develop the form? (To answer, drag the appropriate code segment to the
correct target or targets in the answer area. Each code segment may be used once, more

than once, or not at all. You may need to drag the split bar between panes or scroll to view
content.)