wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

BSD Mad Libs: HTML, CSS, Javascript Quiz (Teacher Amon)

Total questions: 21

Worksheet time: 18mins

Name
Class
Date
1.

What does HTML stand for in web development?

a)

a) Hyper Text Markup Language

b)

b) High Text Markup Language

c)

c) Hyperlinks and Text Markup Language

d)

d) Home Tool Markup Language

2.

Which HTML tag is used to define an unordered list?

a)

a) <ol>

b)

b) <list>

c)

c) <ul>

d)

d) <ul>

3.

How do you declare a variable in JavaScript?

a)

a) var myVar;

b)

b) let myVar;

c)

c) const myVar;

d)

d) All of the above

4.

Which CSS property is used to change the text color within an element?

a)

a) text-color

b)

b) font-color

c)

c) color

d)

d) text-fill

5.

What is the purpose of the 'box-sizing' property in CSS?

a)

a) Defines the width and height of a box

b)

b) Sets the position of an element

c)

c) Specifies the box model

d)

d) Controls the layout of elements

6.

In the provided HTML, what is the role of the 'img' tag?

a)

a) Defines a hyperlink

b)

b) Represents a text input field

c)

c) Displays an image

d)

d) Indicates a table row

7.

Which event triggers the 'switchChannel()' function in the provided JavaScript?

a)

a) onmouseover event

b)

b) onclick event

c)

c) onsubmit event

d)

d) onkeydown event

8.

What does the 'border-radius' property in CSS define?

a)

a) Adjusts the border thickness

b)

b) Sets the background image size

c)

c) Controls the border style

d)

d) Specifies the curvature of box corners

9.

Which HTML tag is used to link an external stylesheet in an HTML document?

a)

a) <link rel="stylesheet">

b)

b) <style src="stylesheet.css">

c)

c) <css>

d)

d) <style>

10.

In JavaScript, how do you declare a constant variable that cannot be reassigned?

a)

a) let myVar = value;

b)

b) var myVar = value;

c)

c) constant myVar = value;

d)

d) const myVar = value;

11.

What is the purpose of the 'this' keyword in JavaScript?

a)

a) Refers to the previous element

b)

b) Refers to the current element

c)

c) Refers to a child element

d)

d) Refers to the parent element

12.

How can you reference an external JavaScript file in an HTML document?

a)

a) <script href="script.js">

b)

b) <script src="script.js">

c)

c) <script type="text/javascript" href="script.js">

d)

d) <javascript src="script.js">

13.

What does CSS stand for in web development?

a)

a) Cascading Style Sheets

b)

b) Creative Style Sheets

c)

c) Computer Style Sheets

d)

d) Content Style Sheets

14.

In CSS, which property is used to control the spacing between the elements' content and its border?

a)

a) margin

b)

b) padding

c)

c) border-spacing

d)

d) spacing

15.

What CSS property is used to change the text color of an element?

a)

a) text-color

b)

b) font-color

c)

c) color

d)

d) text-fill

16.

What does the acronym "DOM" stand for in JavaScript?

a)

a) Document Object Model

b)

b) Data Object Model

c)

c) Display Object Model

d)

d) Document Object Manipulation

17.

How do you declare a variable in JavaScript?

a)

a) var myVariable;

b)

b) let myVariable;

c)

c) const myVariable;

d)

d) All of the above

18.

What is the result of the expression: 10 + "5" in JavaScript?

a)

a) 15

b)

b) "105"

c)

c) 105

d)

d) "10 + 5"

19.

What is the difference between "null" and "undefined" in JavaScript?

4 lines
20.

Explain the concept of event delegation in JavaScript.

4 lines
21.

What is the purpose of the "this" keyword in JavaScript, and how does its behavior differ between regular functions and arrow functions?

4 lines