Free Microsoft 070-480 Practice Test & Real Exam Questions

  • Exam Code/Number: 070-480
  • Exam Name/Title: Programming in HTML5 with JavaScript and CSS3
  • Certification Provider: Microsoft
  • Corresponding Certification: Microsoft Visual Studio 2012
  • Exam Questions: 322
  • Updated On: Aug 05, 2026
You are developing a web form that includes the following HTML.
<input id="txtValue" type="text" />
You need to ensure that a value is entered into txtValue before the form is submitted.
Which code segment should you use?
Correct Answer: B Vote an answer
You are creating an application by using HTML5 and CSS3. The styles for the pages are derived from five style sheets.
The styles are not being applied correctly to the pages in the application.
You need to determine the order in which the style sheets will be applied by the browser.
In which order will the five style sheets be applied? (To answer, move the style sheet types from the list of style sheet types to the answer area and arrange them in the order that they will be applied.)
Correct Answer:

Explanation
Box 1: user agent style sheets
Box 2: user normal style sheets
Box 3 author normal style sheets:
Box 4: author important style sheets
Box 5: user important style sheets
Note:
The order of declarations from least important to most important:
* user agent declarations
* user normal declarations
* author normal declarations
* author important declarations
* user important declarations
You are developing an application that retrieves a stock rate from an external web service. A web page displays a simple rotating animation to indicate whether the stock rate is increased or decreased.
The default image, as shown in the following graphic, indicates unchanged or neutral.

The arrow must point down if the stock rate is decreased, as shown in the following graphic.

You need to ensure that the arrow points down when the stock rate decreases.
Which CSS style should you apply?
Correct Answer: C Vote an answer
Explanation: Only visible for Pass4Leader members. You can sign-up / login (it's free).
You have the following markup.

You need to ensure that the yellow div is centered in the red div.
What should you do?
Correct Answer: C Vote an answer
A web application has a web page that contains an HTML5 CANVAS element. A web extracts messages from the CANVAS element. You need to ensure that the web worker can read the message sent by the web page.
Which three object types can you use?
Correct Answer: A,C,D Vote an answer
Explanation: Only visible for Pass4Leader members. You can sign-up / login (it's free).
You are developing an HTML5 application for a company. You apply the following style to a DIV element on a page.

You need to submit a draft illustration of the results of this code.
Which illustration should you submit? (To answer, select the appropriate illustration in the answer area.)
Correct Answer:

Explanation

Example:
div {
border: 3px solid;
background: #b6aaaa;
width: 200px;
height: 100px;
top 10%;
left 10%;
border-radius: 25px 0px 25px 0px;
}
Result:

Reference: CSS3 border-radius Property
You create a custom style by using CSS3.
A box with rounded corners must appear around text. The box must match the following illustration:

You need to add the CSS3 markup to your style.
How should you complete the relevant CSS styles? (To answer, select the appropriate option from each drop-down list in the answer area.)

Correct Answer:

Explanation

* box-sizing
The box-sizing property is used to tell the browser what the sizing properties (width and height) should include.
Should they include the border-box or just the content-box which is the default value of the width and height properties.
* border-radius
The border-radius property is a shorthand property for setting the four border-*-radius properties.
Example
Add rounded borders to a <div> element:
div {
border: 2px solid;
border-radius: 25px;
}
Reference: CSS3 box-sizing Property; CSS3 border-radius Property
You are creating a page that uses JavaScript code.
You need to ensure that if a function named function1 throws a RangeError error, a function named function2 executes. For any other type of error, a function name function3 must execute.
Which JavaScript code should you use?

Correct Answer: D Vote an answer
A company has an XML file named products.xml on a web server. The file contains a list of the products that the company sells.
You need to display the contents of the products.xml file in a DIV element named Output.
How should you complete the relevant code? (To answer, select the appropriate option from each drop-down list in the answer area.)

Correct Answer:

Explanation

When readyState is 4 and status is 200, the response is ready:
Example
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
Note:
* readyState == 4
Holds the status of the XMLHttpRequest. Changes from 0 to 4:
0: request not initialized
1: server connection established
2: request received
3: processing request
4: request finished and response is ready
* status==200
200: "OK"
404: Page not found
Reference: AJAX - The onreadystatechange Event
Your company uses a third-party component that generates HTML for a website. The third-party 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?
Correct Answer: A Vote an answer
Explanation: Only visible for Pass4Leader members. You can sign-up / login (it's free).
You are developing an HTML5 web application and are styling text.
You need to use the text-transform CSS property.
Which value is valid for the text-transform property?
Correct Answer: C Vote an answer
Explanation: Only visible for Pass4Leader members. You can sign-up / login (it's free).
You are developing a web form in HTML5 and CSS3.
You have the following HTML markup.
You need to ensure that when checkbox is checked, the associated label is displayed in red text.
You write the following CSS markup.
How should you complete the markup? To answer, drag the appropriate code elements to the correct targets.
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.
NOTE: Each correct selection is worth one point.
Correct Answer:

Explanation
You have the following markup.

For each of the following statements, select yes if the statement is true. Otherwise, select No.
Correct Answer:

Explanation
You are developing an HTML5 page that has an element with an ID of picture. The page includes the following HTML.

You need to move the picture element lower on the page by five pixels.
Which two lines of code should you use? (Each correct answer presents part of the solution. Choose two.)
Correct Answer: B,C Vote an answer
Explanation: Only visible for Pass4Leader members. You can sign-up / login (it's free).