Web Development for Beginners: Learn HTML, CSS, and JavaScript

Question 1

How does separating content from presentation improve website flexibility and maintainability?

Accepted Answer

It allows for easy modification of the website's appearance without affecting its content.

Answer

It reduces the number of HTML elements needed, making the code more concise.

Answer

It improves website performance by decreasing the size of HTML files.

Answer

It allows for the creation of more advanced animations and interactive content.

Question 2

In HTML, which element is used to define the main content of a web page?

Accepted Answer

<body>

Answer

<head>

Answer

<nav>

Answer

Question 3

How does JavaScript elevate the interactive nature of web pages?

Accepted Answer

JavaScript enables user interactions, validates data, and updates content dynamically.

Answer

JavaScript renders web pages static with unchanging content.

Answer

JavaScript focuses on styling and arranging web page elements.

Answer

JavaScript interacts with databases and executes complex calculations.

Question 4

Why is it discouraged to use non-semantic HTML elements in web development?

Accepted Answer

They lack inherent meaning, making it harder to understand the content's purpose.

Answer

They provide clear structure for assistive technologies.

Answer

They offer more design flexibility.

Answer

They harm search engine optimization and performance.

Question 5

Which CSS property controls the space between characters in a text?

Accepted Answer

letter-spacing

Answer

font-weight

Answer

font-size

Answer

line-height

Question 6

In CSS, what is the primary function of the 'z-index' property?

Accepted Answer

To control the order in which elements overlap on a web page

Answer

To define the left and right margins of an element

Answer

To set the transparency level of an element

Question 7

Which of these is NOT a structural HTML element?

Accepted Answer

Answer

<div>

Answer

<h1>

Question 8

Which of these is NOT a core technology used to build websites?

Accepted Answer

Python

Answer

HTML

Answer

CSS

Question 9

Which of the following is **NOT** an advantage of using a Content Management System (CMS) in web development?

Accepted Answer

Increased cost

Answer

Reduced development time

Answer

Simplified collaboration

Answer

Improved security

Question 10

Which of these is NOT a semantic element in HTML5?

Accepted Answer

<div>

Answer

<h1>

Answer

Answer

Question 11

Which of these is NOT a core component of web development?

Accepted Answer

PHP

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 12

Which of these is NOT a fundamental technology used to create basic web pages?

Accepted Answer

PHP

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 13

Which technology is not required to create a basic web page?

Accepted Answer

Python

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 14

Which of these is NOT a fundamental technology for building websites?

Accepted Answer

PHP

Answer

HTML

Answer

CSS

Question 15

Which of the following is not a core technology used in web development?

Accepted Answer

Python

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 16

Which of these technologies is NOT essential for front-end web development?

Accepted Answer

PHP

Answer

HTML

Answer

CSS

Answer

JavaScript

Question 17

Which of the following is **not** a benefit of using a CSS framework?

Accepted Answer

Increased flexibility for complex designs

Answer

Improved consistency

Answer

Reduced development time

Answer

Improved accessibility

Question 18

What is the primary purpose of the CSS property 'margin'?

Accepted Answer

To specify the space around an element.

Answer

To change the size of an element's font.

Answer

To set the background color of an element.

Answer

To align an element horizontally within its container.

Question 19

Which JavaScript statement is used to display a message in a browser window?

Accepted Answer

alert()

Answer

console.log()

Answer

document.write()

Answer

print()

Question 20

What is the primary purpose of the HTML5 <canvas> element?

Accepted Answer

To render dynamic graphics and interactive visual content.

Answer

To embed videos and audio files into a webpage.

Answer

To create interactive forms with customizable controls.

Answer

To display text and images on a webpage.

Question 21

Which JavaScript operator is used to compare two values and return a boolean indicating equality, considering both value and data type?

Accepted Answer

===

Answer

==

Answer

<

Answer

>=

Question 22

Which of the following is NOT a valid JavaScript event?

Accepted Answer

create

Answer

click

Answer

load

Answer

mouseover

Question 23

Which JavaScript event is triggered when a user clicks a button?

Accepted Answer

onclick

Answer

onmouseover

Answer

onkeydown

Answer

onchange

Question 24

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 previous object

Answer

To refer to the next object

Question 25

Which of the following is NOT a valid HTML element?

Accepted Answer

<!DOCTYPE>

Answer

<h1>

Answer

<div>

Answer

Question 26

What is the purpose of the 'style' attribute in HTML?

Accepted Answer

To add CSS styles to an element

Answer

To define the content of an element

Answer

To specify the URL of an external CSS file

Answer

To control the layout of the page

Question 27

Which of the following JavaScript data types is used to represent a string?

Accepted Answer

string

Answer

number

Answer

boolean

Answer

array

Question 28

What is the purpose of the 'href' attribute in an HTML anchor tag?

Accepted Answer

To specify the URL of the linked resource

Answer

To define the target of the link

Answer

To set the title of the link

Answer

To control the appearance of the link

Question 29

Which CSS selector selects all elements with the class 'container'?

Accepted Answer

.container

Answer

container

Answer

div.container

Answer

#container

Question 30

How do you correctly define a function in JavaScript?

Accepted Answer

function myFunction()

Answer

myFunction()

Answer

def myFunction():

Answer

func myFunction()

Question 31

In CSS, which property changes the color of text?

Accepted Answer

color

Answer

font-size

Answer

background-color

Answer

margin

Question 32

In JavaScript, the correct syntax to define a function is:

Accepted Answer

function myFunction() {}

Answer

myFunction() {}

Answer

function() { myFunction; }

Answer

function myFunction {}

Question 33

The 'document.write()' method in JavaScript is utilized for:

Accepted Answer

Writing data into the HTML document

Answer

Reading data from the HTML document

Answer

Creating new HTML elements

Answer

Styling HTML elements

Question 34

What is the main purpose of using 'strict mode' in JavaScript?

Accepted Answer

To enforce stricter rules and prevent errors

Answer

To enhance the execution speed of JavaScript code

Answer

To provide compatibility with older JavaScript versions

Answer

To introduce new features in JavaScript

Question 35

Which technology is used to define the structure of a web page?

Accepted Answer

HTML

Answer

CSS

Answer

JavaScript

Answer

XML

Question 36

Which JavaScript event handler is triggered when a mouse button is released?

Accepted Answer

onmouseup

Answer

onmousedown

Answer

onclick

Answer

onmouseover

Question 37

Which CSS property is used to create a border around an element?

Accepted Answer

border

Answer

margin

Answer

padding

Answer

outline

Question 38

Which JavaScript method is used to add an element to the end of an array?

Accepted Answer

push()

Answer

pop()

Answer

shift()

Answer

unshift()

Question 39

What is the key difference between HTTP and HTTPS?

Accepted Answer

HTTPS is a secure protocol, while HTTP is not

Answer

HTTP is a secure protocol, while HTTPS is not

Answer

HTTP and HTTPS are both secure protocols

Answer

HTTP and HTTPS are both non-secure protocols

Question 40

Which of the following HTML elements is **NOT** used for displaying headings?

Accepted Answer

<p>

Answer

<h1>

Answer

<h2>

Answer

<h3>

Question 41

In CSS, which property controls the amount of vertical space between lines of text?

Accepted Answer

line-height

Answer

margin

Answer

padding

Answer

font-size

Question 42

In an HTML anchor (<a>) tag, what is the purpose of the 'href' attribute?

Accepted Answer

To specify the destination link

Answer

To set the link text

Answer

To define the link appearance

Answer

To add an image to the link

Question 43

What is one of the main benefits of using a CDN (Content Delivery Network) in web development?

Accepted Answer

Improved website performance and speed

Answer

Increased website security

Answer

Reduced development costs

Answer

Enhanced user experience

Question 44

What is the main purpose of using the "style" attribute in HTML?

Accepted Answer

To change the appearance of an element

Answer

To define the structure of a web page

Answer

To add interactivity to a web page

Answer

To store data

Question 45

In CSS, which property is used to set the background colour of an element?

Accepted Answer

background-color

Answer

colour

Answer

background

Answer

fill

Question 46

What is the main difference between a class and an ID in CSS?

Accepted Answer

Classes can be applied to multiple elements, while IDs can only be applied to one element

Answer

IDs can be applied to multiple elements, while classes can only be applied to one element

Answer

Classes are used for styling, while IDs are used for identifying elements

Answer

There is no difference between classes and IDs in CSS

Question 47

In JavaScript, which event occurs when a user clicks on an element?

Accepted Answer

onclick

Answer

onmouseover

Answer

onload

Answer

onsubmit

Question 48

What is the main purpose of the "var" keyword in JavaScript?

Accepted Answer

To declare a variable

Answer

To create a function

Answer

To define a class

Answer

To store data in a database

Question 49

In HTML, how do you create a heading?

Accepted Answer

<h1>Heading</h1>

Answer

<title>Heading</title>

Answer

<head>Heading</head>

Answer

<heading>Heading</heading>

Question 50

In CSS, which property controls the size of text?

Accepted Answer

font-size

Answer

text-size

Answer

size

Answer

font

Question 51

What is the purpose of the getElementById() method in JavaScript?

Accepted Answer

To locate an HTML element by its ID

Answer

To assign an ID to an HTML element

Answer

To create a new HTML element

Answer

To eliminate an HTML element from the DOM

Question 52

What is the function of an event listener in JavaScript?

Accepted Answer

To monitor events occurring on HTML elements

Answer

To generate new events

Answer

To remove events from HTML elements

Answer

To prevent events from occurring

Question 53

Which HTML attribute is used to specify the link to an external JavaScript file?

Accepted Answer

src

Answer

href

Answer

script

Answer

js

Question 54

In web development, what is the primary advantage of using a framework?

Accepted Answer

Offers pre-built code, accelerating development and saving time.

Answer

Guarantees a uniform appearance and feel across websites.

Answer

Enhances website security by safeguarding against vulnerabilities.

Answer

Enables developers with less experience to create websites without advanced skills.

Question 55

In CSS, which property controls the horizontal alignment of text within an element?

Accepted Answer

text-align

Answer

align

Answer

alignment

Question 56

In web development, which programming language is used to enhance web pages with interactive and dynamic elements?

Accepted Answer

JavaScript

Answer

HTML

Answer

CSS

Answer

Java

Question 57

In CSS, which property sets the space between an element's content and its border?

Accepted Answer

Padding

Answer

Border-spacing

Answer

Margin

Question 58

Which advantage does a CSS preprocessor primarily offer?

Accepted Answer

Extending CSS capabilities and simplifying its syntax

Answer

Converting web pages into mobile applications

Answer

Adding interactivity to web pages

Answer

Debugging and fixing errors in CSS code

Question 59

Which method is generally discouraged for improving user experience on interactive websites?

Accepted Answer

Displaying intrusive pop-up notifications for important updates

Answer

Incorporating responsive design for different screen sizes

Answer

Using AJAX to update page content without reloading

Answer

Implementing server-side caching to speed up page loading

Question 60

Which of the following HTML elements is invalid?

Accepted Answer

tableheader

Answer

<td>

Answer

<tr>

Answer

<table>

Question 61

In CSS, which property is used to specify the background color of an element?

Accepted Answer

background-color

Answer

color

Answer

bgcolor

Answer

background

Question 62

In JavaScript, which event is triggered when a user clicks on an element?

Accepted Answer

onclick

Answer

onload

Answer

onchange

Answer

onhover

Question 63

What is the main purpose of the <head> element in HTML?

Accepted Answer

To contain metadata about the web page

Answer

To provide the main content of the page

Answer

To add interactivity to the page

Answer

To define the layout of the page

Question 64

Which CSS selector targets all elements with the class name 'container'?

Accepted Answer

.container

Answer

container

Answer

#container

Answer

.#container