HTML and CSS Fundamentals: A Comprehensive Guide for Beginners

Question 1

Which HTML element specifies the main content of a webpage?

Accepted Answer

<body>

Answer

<h1>

Answer

<head>

Answer

<div>

Question 2

In CSS, which property controls the colour of text?

Accepted Answer

Color

Answer

Font-size

Answer

Background-color

Answer

Border-thickness

Question 3

Which HTML attribute defines the target destination of a link?

Accepted Answer

href

Answer

src

Answer

target

Answer

id

Question 4

What is the primary purpose of a CSS class selector?

Accepted Answer

Group elements for efficient styling

Answer

Apply styles to an individual element

Answer

Apply styles to every element of a given type

Answer

Establish a new CSS rule

Question 5

Which HTML element is used for creating a dropdown list?

Accepted Answer

Answer

Answer

<ul>

Answer

<li>

Question 6

Describe the fundamental difference between inline and block-level elements in CSS.

Accepted Answer

Inline elements flow within text, while block-level elements commence on a new line

Answer

Block-level elements flow within text, while inline elements commence on a new line

Answer

Inline elements can contain block-level elements, but not vice versa

Answer

Block-level elements can contain inline elements, but not vice versa

Question 7

What is the main benefit of using a CSS reset?

Accepted Answer

It eliminates default browser styles, ensuring consistency across browsers

Answer

It applies a consistent set of styles to all elements on a page

Answer

It creates a custom CSS framework

Answer

It enhances the performance of a web page

Question 8

In HTML, which tag defines the start of a table structure?

Accepted Answer

<table>

Answer

<ul>

Answer

<thead>

Answer

<tr>

Question 9

Which of the following HTML elements is used to create a heading?

Accepted Answer

<h1>

Answer

Answer

Answer

<em>

Question 10

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

Accepted Answer

IDs are unique within a document, while classes can be applied to multiple elements.

Answer

Classes are unique within a document, while IDs can be applied to multiple elements.

Answer

IDs and classes do not have any functional difference.

Answer

Classes are used to group elements, while IDs are used to style individual elements.

Question 11

What is the primary purpose of using a 'viewport' meta tag in HTML?

Accepted Answer

To define the width and scaling of the web page's content for different devices.

Answer

To specify the title of the web page.

Answer

To set the background color of the web page.

Answer

To link to an external CSS file.

Question 12

Which of the following color formats is NOT valid in CSS?

Accepted Answer

CMYK (cyan, magenta, yellow, black)

Answer

RGB (red, green, blue)

Answer

Hexadecimal (#RRGGBB)

Answer

HSL (hue, saturation, lightness)

Question 13

What is the intended use of the 'box-shadow' property in CSS?

Accepted Answer

To create a shadow effect around an element.

Answer

To alter the shape of an element.

Answer

To rotate an element in 3D space.

Answer

To align elements horizontally.

Question 14

Which HTML element is utilized to define the page header?

Accepted Answer

Head

Answer

Header

Answer

Title

Answer

Body

Question 15

What is the proper CSS syntax to modify the font size of a paragraph?

Accepted Answer

font-size: 12px

Answer

font_size: 12px

Answer

size: 12px

Answer

text-size: 12px

Question 16

Which HTML element is used to create a horizontal dividing line?

Accepted Answer

Hr

Answer

Br

Answer

Line

Answer

Hline

Question 17

What is the primary function of the 'display' property in CSS?

Accepted Answer

To control the layout of an element

Answer

To set the text color

Answer

To define the background color

Answer

To specify the font size

Question 18

What is the function of the CSS 'float' property?

Accepted Answer

To move an element to the left or right

Answer

To set the width and height of an element

Answer

To change the background color

Answer

To hide an element

Question 19

Which HTML element is used to create an unordered list?

Accepted Answer

Ul

Answer

List

Answer

Ol

Answer

Menu

Question 20

Distinguish between 'absolute' and 'relative' positioning in CSS.

Accepted Answer

Absolute positioning removes an element from the normal flow, while relative positioning does not

Answer

Relative positioning removes an element from the normal flow, while absolute positioning does not

Answer

Both absolute and relative positioning remove elements from the normal flow

Answer

Neither absolute nor relative positioning affects the normal flow of elements

Question 21

Which CSS property is used to set the vertical space between lines of text?

Accepted Answer

Line-height

Answer

Line-spacing

Answer

Text-spacing

Answer

Text-height

Question 22

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

Accepted Answer

To control how content outside an element's boundaries is handled

Answer

To set the size of an element

Answer

To change the background color

Answer

To hide an element