WGU Web-Development-Applications Practice Exam Questions & Answers

> ''The jQuery `after()` method inserts content after each element in the set of matched elements.''

>

> Example:

```javascript

$('p').after('<span>New</span>');

```

> This will insert the `<span>` element after every `

` element in the DOM.

* jQuery API Documentation: .after()

* DOM Manipulation with jQuery

---

> ''The `transform-origin` CSS property sets the origin for an element's transformations (e.g., rotation or scaling). This point defines the position around which the element is transformed.''

This means if a developer wants to change the center point of rotation or scaling, they should use `transform-origin`.

* MDN Web Docs: transform-origin

* CSS Transforms Module Level 1 (W3C Specification)

---

Let me know if you'd like me to continue formatting additional questions in this style.

Here are the verified and corrected answers for Questions 22 to 24, formatted exactly as requested:

---

> ''The `onsubmit='return validateForm()'` attribute calls a JavaScript function when the form is submitted. If the function returns `false`, submission is prevented.''

>

> This is an example of client-side JavaScript validation. VBScript is outdated and IE-specific; CSS is for styling, and HTML-only validation would not use a JavaScript function.

* MDN Web Docs: HTMLFormElement.onsubmit

* JavaScript Form Validation Guide

---

To ensure that users can pause and restart the video, the controls attribute needs to be added to the <video> tag. This attribute provides the user with controls to play, pause, and adjust the volume of the video. The correct line of code that should replace the first line in the provided HTML to achieve this functionality is:

<video width='360' height='270' controls>

Here's the comprehensive explanation:

controls Attribute: The controls attribute is a boolean attribute. When present, it specifies that video controls should be displayed, allowing the user to control video playback, including pausing, playing, and seeking.

HTML Structure:

Original Line:

<video width='360' height='270'>

Revised Line:

<video width='360' height='270' controls>

Usage Example:

<video width='360' height='270' controls>

<source src='video.mp4' type='video/mp4'>

Your browser does not support the HTML5 video element.

</video>

In this example, adding the controls attribute provides the user with play, pause, and volume controls.

MDN Web Docs on <video>

W3C HTML5 Specification on <video>

> ''The `<datalist>` element contains a list of `<option>` elements that represent suggested options for an `<input>` element. When the input has a `list` attribute pointing to a `<datalist>`, users see a dropdown of predefined suggestions.''

Example:

```html

<input list='colors'>

<datalist id='colors'>

<option value='Red'>

<option value='Blue'>

</datalist>

```

* MDN Web Docs: datalist element

* HTML Living Standard: Forms elements

---

To apply a red font color to the navigation, footer, and the first two of three paragraphs on a website, the correct CSS would use the content attribute to achieve the desired styling. However, the term 'content' isn't correct in the given context. The appropriate answer involves directly specifying styles for these elements using CSS selectors.

Here's the correct CSS:

nav, footer, p.standard:nth-of-type(1), p.standard:nth-of-type(2) {

color: red;

}

CSS Selectors: The selectors nav, footer, p.standard:nth-of-type(1), and p.standard:nth-of-type(2) are used to target the specific elements. The nth-of-type pseudo-class is used to select the first and second paragraphs.

Applying Styles: The color: red; style rule sets the text color to red for the specified elements.

MDN Web Docs on CSS Selectors

W3C CSS Specification on Selectors

The <select> tag is used in HTML to create a drop-down list. It is used in conjunction with the <option> tags to define the list items within the drop-down menu.

Purpose of <select>: The <select> element is used to create a control that provides a menu of options. The user can select one or more options from the list.

Structure of Drop-down List:

The <select> element encloses the <option> elements.

Each <option> element represents an individual item in the drop-down list.

Usage Example:

<label for='cars'>Choose a car:</label>

<select id='cars' name='cars'>

<option value='volvo'>Volvo</option>

<option value='saab'>Saab</option>

<option value='fiat'>Fiat</option>

<option value='audi'>Audi</option>

</select>

In this example, the <select> tag creates a drop-down list with four options: Volvo, Saab, Fiat, and Audi.

Attributes of <select>:

name: Specifies the name of the control, which is submitted with the form data.

id: Used to associate the <select> element with a label using the <label> tag's for attribute.

multiple: Allows multiple selections if set.

MDN Web Docs on <select>

W3C HTML Specification on Forms