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.)
Select and Place:

You have a webpage that includes the following markup and code:

You need to troubleshoot the code by clicking the Submit button.
Which value will be displayed?

You are developing an application to track project management for your company. The status of the project is
stored in a variable named percentComplete.
The method must execute only when percentComplete is equal to the numeric value 100.
You need to develop the application to meet the requirement.
Which code segment should you use?

You develop a webpage by using HTML5.
The user interface of the webpage must show a gray-lined box that contains the label Enter your information:.
Inside the box are two labels and two input boxes. The first input box must be labeled Name:. The second input
box must be labeled Email:. Below the box is a Submit button.
The user interface must look like the following;

You need to create the user interface.
Which markup should you use?

You troubleshoot a webpage that contains the following HTML markup: (Line numbers are included for
reference only.)

The webpage also contains the following JavaScript function named someEvent() that is declared in the HEAD
section of the HTML:
Function someEvent() {
Alert(‘someEvent fired!’);
}
The JavaScript function named someEvent() must run only when the user clicks the DIV element, not the
INPUT elements.
You need to modify the webpage to invoke the JavaScript function named someEvent().
What should you do? (Each correct answer presents a complete solution. Choose two.)

You develop an HTML5 webpage. You have the following HTML markup:
<input type=”text” id=”username” />
You need to prevent users from entering specific characters into the username field.
What should you do?

You are developing an application that processes order information. Thousands of orders are processed daily.
The application includes the following code segment. (Line numbers are included for reference only.)

The application must:
Display the number of orders processed and the number of orders remaining
Update the display for every 25th record processed
You need to develop the application to meet these requirements.
Which line of code should you insert at line 04?

You develop an HTML5 webpage. You have the following JavaScript code:

You need to handle the click event when a user clicks the showDialog button.
Which code segment should you insert at line 02?

You create the following JavaScript code:

You have the following requirements:
You must invoke a function that displays the vehicle information within the following HTML element: <div
id=”display”x/div>
The output of the function must appear on the webpage as follows:Vehicle Color is silver
Stay safe!
Vehicle TransmissionType is manual
Big machine!
You need to invoke the JavaScript function to display the required output in the HTML element.
Which two code segments should you use? (Each correct answer presents a complete solution. Choose two.)

You are developing a web page that includes the following HTML.
<span id=”myTextSpan” class=”myStyle”>Hello, World!</Span>
You need to use inline CSS styling to format the text with Arial font.
Which code segment should you use?