wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML5, CSS3, Bootstrap, and JavaScript Quiz

Total questions: 100

Worksheet time: 1hrs 10mins

Name
Class
Date
1.

What does HTML5 stand for?

a)

Hyper Transfer Markup Language

b)

Hyper Text Markup Language 5

c)

High Text Machine Language

d)

Hyper Text Managing Links

2.

Which HTML5 API is used for storing data on the client side?

a)

Web Storage API

b)

Local API

c)

SQL API

d)

Web Worker API

3.

6. What is the purpose of the <canvas> element in HTML5?

a)

To display database records

b)

To create graphics using JavaScript

c)

To embed videos

d)

To define the layout of a page

4.

7. Which attribute is used in <audio> and <video> elements to display controls?

a)

controls

b)

autoplay

c)

display

d)

visible

5.

Which HTML5 API allows a web page to run scripts in the background independently?

a)

WebSocket API

b)

Web Worker API

c)

Geolocation API

d)

Web Storage API

6.

What does CSS stand for?

a)

Computer Style Sheets

b)

Creative Style Sheets

c)

Cascading Style Sheets

d)

Colorful Style Sheets

7.

Which of the following is a valid CSS3 transition property?

a)

transition-effect

b)

transition-duration

c)

animation

d)

transform

8.

Which CSS3 property is used to create rounded corners?

a)

border-radius

b)

corner-round

c)

radius-border

d)

border-style

9.

Which CSS3 feature is used for making a website responsive?

a)

Gradients

b)

Flexbox

c)

Transform

d)

Text Shadows

10.

Which property is used to add shadows to elements in CSS3?

a)

box-shadow

b)

shadow-effect

c)

element-shadow

d)

text-shadow

11.

Which of the following is a valid CSS3 pseudo-class?

a)

:hover

b)

:click

c)

:selected

d)

:pressed

12.

Which unit is relative to the viewport size in CSS3?

a)

em

b)

px

c)

vh

d)

pt

13.

Which CSS3 property is used for creating animations?

a)

animation

b)

motion

c)

transition

d)

animate

14.

What is Bootstrap?

a)

A JavaScript framework

b)

A CSS framework

c)

A PHP framework

d)

A Python framework

15.

Which Bootstrap class is used to create a responsive container?

a)

.container-fluid

b)

.container-responsive

c)

.container-fixed

d)

.container

16.

Which of the following is the latest Bootstrap version? (As of 2025)

a)

Bootstrap 3

b)

Bootstrap 4

c)

Bootstrap 5

d)

Bootstrap 6

17.

Which Bootstrap class is used to create a button?

a)

.btn

b)

.button

c)

.btn-group

d)

.button-style

18.

Which of the following is NOT a valid Bootstrap grid class?

a)

.col-md-6

b)

.col-lg-4

c)

.col-xl-3

d)

.col-xs-5

19.

Which Bootstrap class is used to make an image responsive?

a)

.img-responsive

b)

.responsive-img

c)

.img-fluid

d)

.image-resize

20.

Which Bootstrap component is used for creating a navigation bar?

a)

.nav-menu

b)

.navbar

c)

.nav-bar

d)

.navigation

21.

Which Bootstrap class is used to create a flexbox container?

a)

.d-flex

b)

.flex-box

c)

.box-flex

d)

.display-flex

22.

Which Bootstrap class is used to create a card component?

a)

.card

b)

.panel

c)

.box

d)

.container-card

23.

Which of the following is the correct syntax for referring to an external JavaScript file?

a)

<script href="script.js"></script>

b)

<script name="script.js"></script>

c)

<script src="script.js"></script>

d)

  1. <script file="script.js"></script>

24.

Which keyword is used to declare a variable in JavaScript?

a)

var

b)

let

c)

const

d)

All of the above

25.

Which function is used to display an alert box in JavaScript?

a)

alertBox()

b)

msgBox()

c)

alert()

d)

message()

26.

Which operator is used for strict comparison (checks both value and type)?

a)

==

b)

===

c)

!=

d)

!==

27.

How do you write a function in JavaScript?

a)

function = myFunction()

b)

function myFunction() { }

c)

def myFunction() { }

d)

func myFunction() { }

28.

Which JavaScript method is used to find the length of a string?

a)

length()

b)

strlen()

c)

size()

d)

length

29.

Which of the following is not a JavaScript data type?

a)

String

b)

Boolean

c)

Float

d)

Undefined

30.

What will console.log(typeof null) output?

a)

"null"

b)

"undefined"

c)

"object"

d)

"string"

31.

Which JavaScript function is used to parse a JSON string into an object?

a)

JSON.parse()

b)

JSON.stringify()

c)

parseJSON()

d)

stringifyJSON()

32.

What does DOM stand for in JavaScript?

a)

Document Oriented Model

b)

Data Object Model

c)

Document Object Model

d)

Dynamic Object Model

33.

Which object is the root of the DOM hierarchy?

a)

window

b)

document

c)

html

d)

element

34.

Which method is used to select an element by its ID?

a)

getElementByClassName()

b)

getElementById()

c)

getElementByTagName()

d)

querySelectorAll()

35.

Which JavaScript method is used to change the content of an HTML element?

a)

document.write()

b)

document.getElementById().innerHTML

c)

document.changeHTML()

d)

document.modify()

36.

Which method is used to add an event listener to an element?

a)

addEventListener()

b)

attachEvent()

c)

setEvent()

d)

onEvent()

37.

Which method is used to create a new HTML element using JavaScript?

a)

createElement()

b)

newElement()

c)

appendElement()

d)

makeElement()

38.

How do you remove an element from the DOM?

a)

removeChild()

b)

deleteElement()

c)

eraseNode()

d)

removeElement()

39.

Which property returns the parent node of an element?

a)

parentNode

b)

rootNode

c)

parentElement

d)

ancestorNode

40.

Which method is used to select elements using CSS selectors?

a)

getElementBySelector()

b)

querySelector()

c)

selectElement()

d)

findElement()

41.

Which DOM property is used to change the style of an element?

a)

element.style

b)

element.css

c)

element.setStyle

d)

element.modifyStyle

42.

is used to change the style of an element?

a)

element.style

b)

element.css

c)

element.setStyle

d)

element.modifyStyle

43.

What does AJAX stand for?

a)

Asynchronous JavaScript and XML

b)

Advanced Java and XML

c)

Asynchronous JavaScript and XHTML

d)

Automated Java and XML

44.

Which object is used in JavaScript for AJAX requests?

a)

HttpRequest

b)

XMLHttpRequest

c)

AJAXRequest

d)

FetchRequest

45.

Which method is used to send an AJAX request in JavaScript?

a)

fetch()

b)

sendRequest()

c)

postRequest()

d)

makeRequest()

46.

Which HTTP method is used for sending data in an AJAX request?

a)

GET

b)

POST

c)

Both a and b

d)

SEND

47.

Which property of XMLHttpRequest holds the response data?

a)

responseText

b)

responseXML

c)

responseData

d)

getResponse()

48.

What is jQuery?

a)

A JavaScript framework

b)

A JavaScript library

c)

A CSS framework

d)

A programming language

49.

Which symbol is used to access jQuery?

a)

@

b)

#

c)

$

d)

&

50.

Which jQuery function is used to perform AJAX requests?

a)

$.ajax()

b)

$.get()

c)

$.post()

d)

All of the above

51.

How do you select an element with the class name "box" in jQuery?

a)

$(".box")

b)

$("#box")

c)

$class("box")

d)

$("box")

52.

Which jQuery function is used to hide an element?

a)

hideElement()

b)

invisible()

c)

removeElement()

d)

hide()

53.

What does PHP stand for?

a)

Personal Home Page

b)

Preprocessed Hypertext Processor

c)

PHP: Hypertext Preprocessor

d)

Private Hosting Protocol

54.

Which symbol is used to start a PHP variable?

a)

#

b)

$

c)

&

d)

@

55.

Which function is used to print output in PHP?

a)

echo

b)

display

c)

print

d)

Both a and c

56.

Which of the following is the correct way to start a PHP script?

a)

b)

c)