WEB DEV. 25 Exam Sample Questions

Which of the following HTML tags is used to define the largest header on a webpage?

Which attribute is required when defining an HTML form to collect user input for a web page?

• action

• method

• type

• name

Answer explanation

The 'action' attribute is required in an HTML form to specify where to send the form data when submitted. Without it, the form cannot function properly, making 'action' essential for collecting user input.

Which CSS property is used to change the text color of a webpage?

• font-color

• color

• text-color

• background-color

Answer explanation

The correct CSS property to change the text color of a webpage is 'color'. The other options, 'font-color' and 'text-color', are not valid CSS properties, while 'background-color' changes the background, not the text.

In CSS, which property is used to set the color of text on a webpage?

• font-size

• color

• background-color

• text-align

Answer explanation

The 'color' property in CSS is specifically used to set the color of text on a webpage. Other options like 'font-size', 'background-color', and 'text-align' serve different purposes, making 'color' the correct choice.

In the CSS box model, which of the following is not part of the content area?

• Padding

• Border

• Margin

• Content

Answer explanation

In the CSS box model, the content area consists of the content itself, along with padding and border. Margin, however, is the space outside the border and is not considered part of the content area.

What is the purpose of using a viewport meta tag in an HTML document for mobile devices?

• To define the layout and size of elements on different screen sizes

• To set the font size for mobile devices

• To adjust the background color on mobile devices

• To enable JavaScript on mobile devices

Answer explanation

The viewport meta tag is essential for mobile devices as it defines the layout and size of elements, ensuring they are displayed correctly on various screen sizes. This helps create a responsive design.

Which of the following is the correct way to write a JavaScript function that alerts 'Hello World' when executed?

• function alert('Hello World');

• function HelloWorld() { alert('Hello World'); }

• function alert() { alert('Hello World'); }

• function() { alert('Hello World'); }

Answer explanation

The correct choice is 'function HelloWorld() { alert('Hello World'); }' because it defines a named function that, when called, executes the alert. The other options are either syntactically incorrect or do not define a callable function.

Which JavaScript method can be used to change the text content of an HTML element with the ID "demo"?

• document.getElementById("demo").innerText = "Hello!";

• document.getElementById("demo").setText("Hello!");

• document.getElementById("demo").text = "Hello!";

• document.getElementById("demo").setAttribute("text", "Hello!");

Answer explanation

The correct method to change the text content of an HTML element is 'innerText'. The other options either do not exist or do not correctly modify the text content. Thus, 'document.getElementById("demo").innerText = "Hello!";' is the right choice.

Which CSS property is used to place an element relative to its normal position, without affecting other elements?

• absolute

• relative

• fixed

• static

Answer explanation

The 'relative' CSS property positions an element relative to its normal position, allowing for adjustments without affecting surrounding elements. This makes it the correct choice for the question.

Which of the following is the correct JavaScript syntax to call a function when a button is clicked?

• Click me

• Click me

• Both A and B

• None of the above

Answer explanation

Both A and B are correct because JavaScript is case-sensitive, and 'onclick' and 'onClick' are treated the same in HTML attributes. Therefore, either syntax will successfully call 'myFunction()' when the button is clicked.