Web Development Quizzes for Year 11 Computing Students

Question 1

In JavaScript, which data type is used to store text?

Accepted Answer

String

Answer

Number

Answer

Boolean

Answer

Array

Question 2

What is the distinction between an HTML attribute and an HTML tag?

Accepted Answer

Attributes add details to tags, whereas tags define a web page's structure.

Answer

Tags add details to attributes, whereas attributes define a web page's structure.

Answer

Attributes and tags are interchangeable.

Answer

There is no distinction between attributes and tags.

Question 3

Which CSS property is used to set the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

bg-color

Answer

color

Question 4

Which HTML element creates a hyperlink?

Accepted Answer

<a>

Answer

<b>

Answer

<ul>

Answer

<li>

Question 5

What is the difference between block-level and inline-level elements in HTML?

Accepted Answer

Block-level elements start on a new line and span the full available width, unlike inline-level elements.

Answer

Inline-level elements start on a new line and span the full available width, unlike block-level elements.

Answer

Block-level elements are used for headings and paragraphs, while inline-level elements are used for images and text.

Answer

There is no difference between block-level and inline-level elements.

Question 6

In JavaScript, which operator combines two strings?

Accepted Answer

+

Answer

-

Answer

*

Answer

/

Question 7

What is the purpose of a CSS media query?

Accepted Answer

Applying different styles to a web page based on the screen size or device

Answer

Responding to user input and interactions

Answer

Creating the structure of a web page

Answer

Adding styles and layout to a web page

Question 8

Which JavaScript event is triggered when a user clicks on an element?

Accepted Answer

onclick

Answer

onload

Answer

onhover

Answer

onkeypress

Question 9

What is the difference between an HTML 'id' and 'class' attribute?

Accepted Answer

An 'id' can only be used once per page, while a 'class' can be used multiple times

Answer

A 'class' can only be used once per page, while an 'id' can be used multiple times

Answer

There is no difference between 'id' and 'class'

Answer

An 'id' is used for styling, while a 'class' is used for content

Question 10

What is the purpose of a CSS pre-processor?

Accepted Answer

To simplify and speed up CSS development

Answer

To add new features to CSS

Answer

To make CSS more secure

Answer

To convert CSS to JavaScript

Question 11

Which of the following is a best practice for web development?

Accepted Answer

Separating HTML, CSS, and JavaScript

Answer

Using inline styles

Answer

Using as many JavaScript libraries as possible

Answer

Ignoring accessibility guidelines

Question 12

What is the purpose of the 'z-index' property in CSS?

Accepted Answer

To control the stacking order of elements

Answer

To set the opacity of an element

Answer

To set the position of an element

Answer

To add a shadow to an element

Question 13

What is the purpose of the XMLHttpRequest object in JavaScript?

Accepted Answer

To send HTTP requests to the server

Answer

To parse XML data

Answer

To handle DOM events

Answer

To create new HTML elements

Question 14

Which of the following HTML tags is used to define the main content of a web page?

Accepted Answer

<body>

Answer

<head>

Answer

<title>

Answer

Question 15

What is the primary purpose of CSS in web development?

Accepted Answer

To define the layout and appearance of a web page

Answer

To add interactivity to a web page

Answer

To handle user input

Answer

To store and manage data

Question 16

Which of the following CSS selectors targets all elements with the class name 'container'?

Accepted Answer

.container

Answer

container

Answer

#container

Answer

*container

Question 17

What is the main objective of using event listeners in JavaScript?

Accepted Answer

To detect and respond to user interactions

Answer

To handle errors and exceptions

Answer

To perform calculations

Answer

To manipulate the DOM

Question 18

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

Accepted Answer

To refer to the current object

Answer

To refer to the global object

Answer

To refer to the parent object

Answer

To refer to the child object

Question 19

Which of the following is the correct syntax to create a text input field in HTML?

Accepted Answer

Answer

Answer

<input>

Answer

Question 20

What is the primary benefit of using a content management system (CMS) in web development?

Accepted Answer

Simplified website maintenance and updates

Answer

Enhanced website security

Answer

Improved website performance

Answer

Greater flexibility in website design

Question 21

What is the difference between 'let' and 'const' in JavaScript?

Accepted Answer

'let' can be reassigned, while 'const' cannot

Answer

'const' can be reassigned, while 'let' cannot

Answer

There is no difference between 'let' and 'const'

Answer

Both 'let' and 'const' cannot be reassigned

Question 22

Which method can be used to remove the first element from an array in JavaScript?

Accepted Answer

shift()

Answer

pop()

Answer

unshift()

Answer

push()

Question 23

What is the purpose of an 'event listener' in JavaScript?

Accepted Answer

To detect user interactions with an element

Answer

To change the style of an element

Answer

To create a new element

Answer

To send data to the server

Question 24

Which of the following is not an advantage of using CSS in web development?

Accepted Answer

Increased security

Answer

Improved code readability

Answer

Easier maintenance

Answer

Reduced page load times

Question 25

What is the purpose of the 'semantic web'?

Accepted Answer

To make web content more meaningful to machines

Answer

To improve the speed of websites

Answer

To make websites more visually appealing

Answer

To prevent websites from being hacked

Question 26

What is the role of a web server in web development?

Accepted Answer

To store and deliver web pages to clients

Answer

To process user requests

Answer

To manage user accounts

Answer

To protect the website from hackers

Question 27

What is the purpose of the CSS property 'display'?

Accepted Answer

To control how an element is displayed on the page

Answer

To specify the width of an element

Answer

To specify the color of an element

Answer

To set the font size of an element

Question 28

What is the purpose of the HTML5 'canvas' element?

Accepted Answer

To draw graphics

Answer

To display text

Answer

To display images

Answer

To embed multimedia

Question 29

What is the purpose of a web server in a web development context?

Accepted Answer

To store and serve web pages and other content to clients

Answer

To allow users to access the internet

Answer

To provide security for web applications

Answer

To handle user authentication

Question 30

Which ethical considerations should be taken into account when developing websites?

Accepted Answer

Ensuring user data is stored securely

Accepted Answer

Collecting only the data that is essential

Accepted Answer

Getting users' consent before collecting their data

Answer

Using user data for commercial purposes without their permission

Question 31

Which of these is an invalid HTML element?

Accepted Answer

<xyz>

Answer

<a>

Answer

<br>

Answer

<p>

Question 32

What is responsive web design and why is it crucial in modern web development?

Accepted Answer

Responsive web design automatically adjusts a website's layout to fit the screen size and orientation of the device being used.

Answer

Responsive web design is only necessary for mobile devices.

Answer

Responsive web design is not widely used in modern web development.

Answer

Responsive web design mainly focuses on enhancing website loading speed.

Question 33

In JavaScript, what's the key difference between event-driven and reactive programming?

Accepted Answer

Event-driven programming reacts to specific user actions, while reactive programming monitors for changes continuously.

Accepted Answer

Event-driven programming uses callbacks, while reactive programming uses observables.

Answer

Reactive programming is ideal for handling complex user interactions, while event-driven programming is better for simple ones.

Answer

Reactive programming is a newer approach than event-driven programming.

Question 34

Identify the valid HTML element used exclusively for creating a heading:

Accepted Answer

<h1>

Answer

Defines a paragraph-level element.

Answer

<span> Defines an inline element for a short segment of text.

Answer

Defines a block-level element for containing content.

Question 35

Which CSS property is responsible for specifying the font used for text?

Accepted Answer

font-family

Answer

font-size

Answer

text-align

Answer

color

Question 36

In JavaScript, which event listener is triggered when a user interacts with an element by clicking on it?

Accepted Answer

onclick

Answer

onhover

Answer

onload

Answer

onchange

Question 37

Which CSS selector syntax is correct to target an element with the identifier 'my-element'?

Accepted Answer

#my-element

Answer

myElement

Answer

.my_element

Answer

my-element

Question 38

What is the fundamental purpose of a web browser?

Accepted Answer

Display and interact with web pages

Answer

Store web pages

Answer

Send web pages over the internet

Answer

Create web pages

Question 39

Which file extension is commonly used for CSS files?

Accepted Answer

.css

Answer

.js

Answer

.txt

Answer

.html

Question 40

In HTML, which attribute is used to specify the link destination of a hyperlink?

Accepted Answer

href

Answer

src

Answer

target

Question 41

What is the purpose of the JavaScript method 'document.getElementById()'?

Accepted Answer

Obtain the element with the matching ID

Answer

Create a new element

Answer

Add an event listener to an element

Answer

Retrieve the parent element of a given element

Question 42

Identify a well-known web development framework:

Accepted Answer

React

Answer

Google Docs

Answer

Adobe Photoshop

Answer

Microsoft Word