IT Specialist INF-306 Actual PDF : HTML5 Application Development

You have created custom error messages for a form. When a user attempts to submit the form with invalid data, the data must remain in the form and error messages must be displayed. Which Event property or method should you use?

• A. abort
• B. preventDefault
• C. defaultPrevented
• D. cancelable

Explanation: Only visible for ActualPDF members. You can sign-up / login (it's free).

Which two functions support 2D transformations in CSS3? Choose 2.

• A. move()
• B. matrix()
• C. skew()
• D. scroll()

Explanation: Only visible for ActualPDF members. You can sign-up / login (it's free).

Which two background graphics will automatically adjust to different screen sizes? Choose 2.
Note: You will receive partial credit for each correct selection.

• A. < body style= " background:url(media/background.jpg); background-size:cover; background-repeat:no- repeat; " >
• B. < body style= " background:url(media/background.jpg); background-size:auto; background-repeat:no- repeat; " >
• C. < body style= " background:url(media/background.jpg); background-size:initial; background-repeat:no- repeat; " >
• D. < body style= " background:url(media/background.jpg); background-size:contain; background-repeat:
  no-repeat; " >

Explanation: Only visible for ActualPDF members. You can sign-up / login (it's free).

You define the following layout:
< !DOCTYPE html >
< html >
< head >
< style >
section {
display: flex;
align-items: center;
flex-wrap: wrap;
min-height: 200px;
width: 700px;
background: linen;
}
section p {
flex: 1;
min-width: 200px;
padding: 20px;
}
< /style >
< /head >
< body >
< h2 > Exhibits to visit at the zoo < /h2 >
< section >
< p style= " order: 3 " > Lions < /p >
< p style= " order: 4 " > Tigers < /p >
< p style= " order: 2 " > Bears < /p >
< p style= " order: 1 " > Zoo Trip < /p >
< /section >
< /body >
< /html >
For each statement about the markup shown on the left, select True or False.

Explanation:
The paragraph containing the text Tigers will display first.
False
The section p CSS refers to the parent flexbox container.
False
When the paragraphs have a width less than 200px, the last paragraph will wrap to the next line.
True
The parent flexbox container is the section element because it has display: flex;. The paragraphs inside the section become flex items. The display order is controlled by each paragraph's inline order value, and flex items are laid out from the lowest order value to the highest. Therefore, Zoo Trip with order: 1 displays first, followed by Bears, Lions, and finally Tigers; the statement that Tigers displays first is false. The selector section p does not refer to the parent flexbox container. It targets paragraph elements inside a section, meaning it styles the flex items, not the flex container. The container itself is targeted by the section rule. The final statement is true in intent because flex-wrap: wrap; allows flex items to move to a new line when they cannot fit in the available row. Since each paragraph has min-width: 200px, items are prevented from shrinking below that minimum and wrapping occurs when available space is insufficient. References/topics:
CSS flexbox, flex container, flex items, order, flex-wrap, min-width.

You want to display a message box showing the user ' s current latitude and longitude as identified by the user' s browser.
Complete the code by selecting the correct option from each drop-down list.
Note: You will receive partial credit for each correct selection.

Explanation:
First drop-down: navigator.geolocation
Second drop-down: navigator.geolocation
Third drop-down: getCurrentPosition(showLocation)
The correct API object is navigator.geolocation because browser-based geographic location is exposed through the Geolocation API, not through window.location. window.location represents the current page URL and navigation state; it does not provide latitude or longitude. The first selection checks whether the browser supports geolocation by evaluating navigator.geolocation. Inside the block, the same object must be used to request the user's current position. The correct method is getCurrentPosition(showLocation), which requests the device's current location and passes a position object to the callback function when the location is available. The callback then reads position.coords.latitude and position.coords.longitude and displays those values with alert(). The alternatives that pass window.location are incorrect because they provide page- location information rather than geographic coordinates. The alternatives that call showLocation(...) directly are also incorrect because the browser must first retrieve the actual position object. References/topics:
Geolocation API, navigator.geolocation, getCurrentPosition(), callback functions, latitude and longitude.