Question #1

HOTSPOT -
For each of the following statements, select Yes if the statement is true. Otherwise, elect No.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:

Question #2
HOTSPOT -
You are creating a website for a florist.
The home page contains images of different types of flowers. When the user clicks on a flower, another webpage
will load that displays flowers of that type sold by the florist.
The link for carnations must meet the following requirements:
✑ [1]
✑ When the image is clicked, the page carnations.html must load.
How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
Hot Area:
Correct Answer:

Question #3
HOTSPOT -
You are designing a website for Litware, Inc.
A webpage must display the following list of numbered steps:
1. Download.
2. Install the update.
3. Restart your computer.
You need to create the necessary markup.
Use the drop-down menus to select the answer choice that answers each question based on the information
presented in the requirements.
Hot Area:

Correct Answer:
Question #4
You are analyzing a form that sends multiline comments to another page on the Internet. The following is the
form's markup:

No data is sent when the form is submitted.

• A. Replace the textarea element with an input element.

Correct Answer: C

Question #5
You are designing a webpage that tests a user's ability to remember a list of ordered items in a particular
category. The page must contain a header that displays the category and a list of items in that category. An
example is shown in the exhibit. (Click the Exhibit tab.)

Exhibit -

Fruit -
1. Apple
2. Pear
3. Orange
This page will test your ability to remember the order of the preceding items.
Glance at the list for 3 seconds.
Then close your eyes and recite the items in the order listed.

How should you complete the markup? To answer, select the appropriate markup segment in the answer area.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #6
HOTSPOT -
You are creating an image link to the clients.html page. When the visitor clicks on the clients.gif graphic, the
clients.html page must display in a new window. The graphic must provide text for screen readers and display text
while the page is loading.
How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
Hot Area:

Correct Answer:
Question #7
DRAG DROP -
You need to create the following web page:

Which five markup segments should you use to develop the solution? To answer, move the appropriate markup
segments from the list of markup segments to the answer area and arrange them in the correct order.
Select and Place:
Correct Answer:
Question #8
HOTSPOT -
You are creating a web form to allow visitors to sign up for a mailing list. The form will collect the information that
is shown in the following screen shot:

Use the drop-down menus to select the answer choice that answers each questions based on the information
presented in the graphic.
NOTE: Each correct selection is worth one point.
Hot Area:
Correct Answer:

Question #9
HOTSPOT -
You are creating an HTML document that contains an essay with two sections.
You need to make it easy for the user to navigate from the top of the document to section 1.
How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
NOTE: Each correct selection is worth one point.
Hot Area:
Correct Answer:

Question #10
HOTSPOT -
You are designing a webpage that is divided into several sections. Each section has a heading and a one-line
quote.
The following example shows the top section rendered by using the browser default styles:

You need to complete the markup for the top section using the appropriate HTML tags.
How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
NOTE: Each correct selection is worth one point
Hot Area:
Correct Answer:

Question #11
HOTSPOT -
You are creating an HTML document that displays a list of news articles.
The list has the following requirements:
Each article must be its own semantic block.
Each article must have a headline.
Each article must have a section that contains its content.
For browsers that support the feature, the content must be hidden until the user clicks to reveal it.
The following shows how the article displays when the article content is hidden:

The following shows how the article displays when the article content is displayed:

You need to create the markup for an article.

Correct Answer:
Question #12
DRAG DROP -
You are creating an HTML page that displays a how-to guide for a card game. You want to use the browser's
default style sheet.
You need to display the following content:

How should you complete the markup? To answer, drag the appropriate HTML elements to the correct locations.
Each element 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.
NOTE: Each correct selection is worth one point.
Select and Place:
Correct Answer:

Question #13

DRAG DROP -
You are creating a page on your personal website to display your family portrait. You need to make sure that
browsers display the text Family Portrait before the photo is downloaded.
How should you complete the markup? To answer, drag the appropriate markup segment from the column on the
left to its correct position on the right. Each markup 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.
Select and Place:

Correct Answer:
Question #14
DRAG DROP -
You want to complete the pseudo class for link elements so that the links appear red when the page loads, green
when the link is clicked, orange when the cursor moves over the link, and blue if the link was clicked previously.
How should you complete the code? To answer, drag the appropriate CSS selector to the correct locations. Each
selector 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.
Select and Place:

Correct Answer:

Question #15
You are designing a website for City Power & Light.
You write the following markup. Line numbers are included for reference only.

What style will be used to render the code?

• A. The browser default style will be used.

Correct Answer: A
Question #16
The external stylesheet named mystyles.css contains the following three rules.

The head section of a webpage contains the following markup:

The following elements appear within the body of the webpage:

For each of the following statements, select Yes if the statement is true. Otherwise, select No.
NOTE: Each correct selection is worth one point

Correct Answer:
Question #17

Analyze the following CSS for a webpage:

What is the resulting background color of the paragraph element?

• A. Pink
• B. Blue
• C. Yellow
• D. Green

Correct Answer: A
Question #18

You are building a website and want to have three main links called Home, Product Info, and Contact Us. You will
create a hierarchy of page elements and revise the stylesheets.
You want to apply a style to all elements in a document.
Which type selector should you use?

• A. +
• B. >
• C. :
• D. *

Correct Answer: D

Question #19

DRAG DROP -
You are designing a website for Margie's Travel. The website uses external stylesheets.
You need to create a style that centers all h1 elements on the page.
How should you complete the code? To answer, drag the appropriate code segment to the correct location in the
code. 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. text-align center h1 = : ; .h1
Select and Place:

Correct Answer:
Question #20

HOTSPOT -
For each of the following statements, select Yes if the statement is true. Otherwise, select No.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #21
You define the following styles in a style block:

You write the following HTML:

Use the drop-down menus to select the answer choice that answers each question based on the information presented in the
CSS style and markup.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #22
You are creating a website for Northwind Traders appear on the browser tab. There will also be a paragraph that greets users
to the site.
You need to crate the structure of the website.
In which order should you arrange the markup segments to develop the solution? To answer, move all markup segments from
the list of markup segments to the answer area and arrange them in the correct order.
Select and Place:

Correct Answer:
Question #23

DRAG DROP -
You are creating a simple HTML page that displays the text, Hello World. You must ensure that the markup is well-
formed and conforms to industry best practices.
How should you construct the page? To answer, drag the appropriate HTML tags to the correct HTML tags to the
correct HTML tag locations. Each tag 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.
Select and Place:

Correct Answer:
Question #24

DRAG DROP -
You are designing a webpage for Contoso by using HTML.
You need to create content for the head section.
Which four markup segments should you use? To answer, move the appropriate markup segments from the list of
markup segments to the answer area and arrange them in the correct order.
NOTE: More than one order of answer choices is correct. You will receive credit for any of the correct orders you
select.
Select and Place:

Correct Answer:
Question #25

DRAG DROP -
You are creating a home page for Blue Yonder Airlines. The page will use JavaScript. If a browser does not
support JavaScript, the following message must be displayed:
Your browser does not support JavaScript!
For the Blue Yonder Airlines home page, match the metadata element to the content or attribute-value pair. To
answer, drag the appropriate metadata element form the column on the left to its content or attribute-value pair on
the right. Each metadata element may be used once, more than once, or not at all.
NOTE: Each correct selection is worth one point.
Select and Place:

Correct Answer:
Question #26

HOTSPOT -
For each of the following markup segments, select Yes if the HTML element belongs in the head block. Otherwise,
select No.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #27

DRAG DROP -
You need to identify the parts of the CSS box model that define an element's dimensions.
To answer, drag the appropriate part to the correct area. Each part 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.
NOTE: Each correct selection is worth one point
Select and Place:

Correct Answer:
Question #28

DRAG DROP -
You are defining CSS classes to style text in your HTML document.
You need to format section titles to look like the following example:

Which CSS attributes should you use to define each setting? To answer, drag the appropriate attribute from the
column on the left to its setting on the right. Each attribute may be used once, more than once, or not at all.
Select and Place:

Correct Answer:

Question #29

Which CSS property is used to draw a line over text, through text, or under text?

• A. font-family
• B. font-style
• C. text-overflow
• D. text-decoration

Correct Answer: D
Question #30

HOTSPOT -
You are designing a webpage for your company. The page must be responsive so that it can be viewed on both
mobile and desktop browsers.
[1]
[1]
How should you complete the code? To answer, select the appropriate code segment in the answer area.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #31

HOTSPOT -
A webpage contains the following HTML:

For each of the following statements, select Yes if the statement is true. Otherwise, select No.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #32

This question requires that you evaluate the underlined text to determine if it is correct.
You are reviewing a stylesheet created be a member of your team. The stylesheet includes a style that is defined
as follows:

You apply the productBox style to a <div>.

• A. No change is needed.
• B. white text on a red background.
• C. black text on a green background.
• D. black text on a blue background.

Correct Answer: C

Question #33

HOTSPOT -
You are creating an About Us webpage for Northwind Traders. You want to complete the CSS rule set to display
the paragraph as shown in the following example:

How should you complete the code? To answer, select the appropriate CSS properties in the answer area.
NOTE: Each correct selection is worth one point.
Hot Area:

Correct Answer:
Question #34

HOTSPOT -
You are analyzing the following CSS for an element on a page: t;
[1]
For each of the following statements, select Yes if the statement is true. Otherwise, select No.
Hot Area:

Correct Answer:

Question #35

This question requires that you evaluate the underlined text to determine if it is correct.
Static positioning places an element at specific coordinates relative to the page or the element's container.
Review the underlined text. If it makes the statement correct, select "No change is needed." If the statement is
incorrect, select the answer choice that makes the statement correct.

• A. No change is needed
• B. Absolute positioning
• C. Relative positioning
• D. Fixed positioning

Correct Answer: C
Question #36

HOTSPOT -
[1]
user is visually impaired, you want the text Contoso Logo to be displayed or read aloud.
How should you complete the markup? To answer, select the appropriate markup segments in the answer area.
Hot Area:

Correct Answer:

Question #37
You need to display an image of an HTML5 logo in one of your webpages. If the page renders slowly, the text "HTML Icon"
should display as the image loads.
How should you complete the markup? The answer, select the appropriate markup segments in the answer area.
Hot Area:

Correct Answer: