Learn HTML and CSS: A Comprehensive Guide for Beginners

Question 1

What is the primary role of a CSS class?

Accepted Answer

To group similar styles together

Answer

To apply unique styles to individual elements

Answer

To link external CSS files

Answer

To control the page layout

Question 2

Distinguish between inline and external CSS.

Accepted Answer

Inline CSS is added directly to the HTML, while external CSS is linked from a separate file.

Answer

External CSS is added directly to the HTML, while inline CSS is linked from a separate file.

Answer

Inline CSS applies to all page elements, while external CSS targets specific elements.

Answer

External CSS applies to all page elements, while inline CSS targets specific elements.

Question 3

Which HTML element creates hyperlinks?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 4

What is the purpose of the CSS box model?

Accepted Answer

To define the size and layout of web page elements.

Answer

To control the appearance of text on a web page.

Answer

To create responsive web designs.

Answer

To add interactivity to web pages.

Question 5

Which of the following is not a valid CSS selector?

Accepted Answer

span.class-name

Answer

.class-name

Answer

#id-name

Answer

div

Question 6

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

Accepted Answer

To display graphics on a web page.

Answer

To create interactive forms.

Answer

To embed videos and audio files.

Answer

To define the page layout.

Question 7

Which HTML element is used to create a list with numbered items?

Accepted Answer

<ol>

Answer

<ul>

Answer

<li>

Answer

<dl>

Question 8

How do you create a hyperlink in HTML?

Accepted Answer

Answer

Answer

Answer

Question 9

What does the "margin" property in CSS do?

Accepted Answer

Adds space around an element

Answer

Changes the background colour of an element

Answer

Changes the font size of an element

Answer

Changes the border of an element

Question 10

What is the primary advantage of using a CSS preprocessor?

Accepted Answer

Makes CSS code more concise and readable

Answer

Adds new features to CSS

Answer

Automatically generates CSS code

Answer

Improves the performance of CSS code

Question 11

To style all elements with the class 'container', which CSS selector should you use?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

*container

Question 12

Which CSS property is used to alter the text color of an element?

Accepted Answer

color

Answer

background-color

Answer

font-size

Answer

text-align

Question 13

What is the primary purpose of the <meta> tag in HTML?

Accepted Answer

Specifying the page's character encoding

Answer

Defining the page's title

Answer

Including external CSS stylesheets

Answer

Linking to external JavaScript files

Question 14

Which CSS property controls the spacing between lines of text?

Accepted Answer

line-height

Answer

text-spacing

Answer

word-spacing

Answer

margin

Question 15

What is the fundamental difference between

and elements in HTML?

Accepted Answer

A

can contain block-level elements, while a can only contain inline elements.

Answer

A can contain block-level elements, while a

can only contain inline elements.

Answer

There is no distinction between

and .

Answer

A

is for styling, while a is for semantic meaning.

Question 16

Which CSS property is used to control the width of an element?

Accepted Answer

width

Answer

height

Answer

size

Answer

dimension

Question 17

Which CSS property controls the transparency of an element?

Accepted Answer

opacity

Answer

transparency

Answer

filter

Answer

visibility

Question 18

In the following HTML code, what is the correct order of elements:

Hello World!

?

Accepted Answer

Hello World!

Answer

Hello World!

Answer

Hello World!

Answer

The order of elements does not matter.

Question 19

What does the CSS property 'margin-top' do?

Accepted Answer

Sets the top margin of an element.

Answer

Sets the bottom margin of an element.

Answer

Sets the left margin of an element.

Answer

Sets the right margin of an element.

Question 20

Which HTML attribute specifies the URL of a linked resource?

Accepted Answer

href

Answer

src

Answer

alt

Answer

title

Question 21

Write the correct CSS syntax to change the background color of an element.

Accepted Answer

element { background-color: color; }

Answer

{ element; background-color: color; }

Answer

{ background-color: element; color: ; }

Answer

background-color: element; color: ; { }

Question 22

What does the HTML element '

' represent?

Accepted Answer

A container element that can hold other elements.

Answer

A text element that displays inline.

Answer

A heading element used for page titles.

Answer

An image element that displays a picture.

Question 23

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

Accepted Answer

.container

Answer

#container

Answer

container

Answer

.#container

Question 24

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

Accepted Answer

Tags define elements, while attributes provide additional information about elements.

Answer

Attributes define elements, while tags provide additional information about elements.

Answer

Tags and attributes are the same thing.

Answer

Attributes define elements, while tags define the content of elements.

Question 25

Which HTML element creates a form?

Accepted Answer

<form>

Answer

<html>

Answer

<body>

Answer

<head>

Question 26

What does the CSS property 'text-align' do?

Accepted Answer

Aligns text horizontally within an element.

Answer

Aligns text vertically within an element.

Answer

Changes the font color of text.

Answer

Bolds or italicizes text.

Question 27

In CSS, which property is used to set the background color of the web page's body?

Accepted Answer

background-color

Answer

background-image

Answer

color

Answer

text-align

Question 28

In HTML, which heading tag is used to create the largest heading?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 29

Which method is used to link an external CSS file to an HTML document?

Accepted Answer

Answer

Answer

Answer

Question 30

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

Accepted Answer

To control how an element is displayed

Answer

To set the size of an element

Answer

To add a background color to an element

Answer

To change the font of an element

Question 31

In HTML, which element is used to create an unordered list?

Accepted Answer

<ul>

Answer

<ol>

Answer

<dl>

Answer

<list>

Question 32

Which CSS property is used to create rounded corners on an element?

Accepted Answer

border-radius

Answer

corner-radius

Answer

round-corners

Answer

curve-edges

Question 33

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

Accepted Answer

background-image

Answer

background-src

Answer

image-url

Answer

wallpaper

Question 34

Which HTML element should you use to create a main heading?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 35

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

Accepted Answer

background-color

Answer

background

Answer

bgcolor

Answer

color-background

Question 36

What is the purpose of the <meta> element in HTML?

Accepted Answer

To provide information about the web page to search engines

Answer

To define the structure of the web page

Answer

To style the web page

Answer

To create a link to another web page

Question 37

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

There is no difference between classes and IDs in CSS.

Answer

Classes are used for styling, while IDs are used for linking to elements.

Question 38

What is the purpose of the CSS display property?

Accepted Answer

To change the layout of an element

Answer

To set the color of an element

Answer

To specify the size of an element

Answer

To create a hyperlink

Question 39

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

Accepted Answer

Inline elements flow with the text, while block elements start on a new line.

Answer

Block elements flow with the text, while inline elements start on a new line.

Answer

There is no difference between inline and block elements in HTML.

Answer

Inline elements are used for headings, while block elements are used for paragraphs.

Question 40

In HTML, which element is responsible for defining the main content of a webpage?

Accepted Answer

<body>

Answer

Answer

<title>

Answer

Question 41

In CSS, which property is utilized to control the size of text within an element?

Accepted Answer

font-size

Answer

text-size

Answer

font

Answer

size

Question 42

For what purpose is the <link> element employed in HTML?

Accepted Answer

To incorporate a CSS file externally

Answer

To establish a hyperlink

Answer

To define the document's title

Answer

To embed an image

Question 43

Explain the distinction between block-level and inline-level elements in HTML.

Accepted Answer

Block-level elements commence on a new line, whereas inline-level elements flow within current content

Answer

Inline-level elements commence on a new line, whereas block-level elements flow within current content

Answer

Block-level elements cannot contain other elements, while inline-level elements can

Answer

Inline-level elements cannot contain other elements, while block-level elements can

Question 44

What is the primary function of the <meta> element in HTML?

Accepted Answer

To provide information about the web page to search engines and browsers

Answer

To define the structure of the web page

Answer

To style the content of the web page

Answer

To create interactive elements on the web page

Question 45

What is the primary benefit of utilizing a CSS framework?

Accepted Answer

Provides a collection of pre-defined styles and layouts

Answer

Enhances the performance of web pages

Answer

Improves web page accessibility

Answer

Guarantees cross-browser compatibility

Question 46

What HTML element is used to create a clickable link to another web page?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 47

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

Accepted Answer

background-color

Answer

fill

Answer

color

Answer

background

Question 48

In HTML, which attribute is used to specify the width of an image?

Accepted Answer

width

Answer

height

Answer

size

Answer

length

Question 49

In CSS, which selector is used to select all elements with a specific class name?

Accepted Answer

.class-name

Answer

class-name

Answer

#class-name

Answer

[class-name]

Question 50

Which HTML tag should be used to create a main heading on a web page?

Accepted Answer

<h1>

Answer

<h2>

Answer

<head>

Answer

<title>

Question 51

In CSS, which property is used to set the font size of text?

Accepted Answer

font-size

Answer

size

Answer

font

Answer

text-size

Question 52

When creating a hyperlink in HTML, which attribute specifies the web address that the link leads to?

Accepted Answer

href

Answer

url

Answer

address

Answer

link

Question 53

In CSS, which selector is used to select all elements of a particular type?

Accepted Answer

element-name

Answer

[element-name]

Answer

.element-name

Answer

#element-name

Question 54

Which HTML tag creates a list of unordered items?

Accepted Answer

<ul>

Answer

<ol>

Answer

Answer

<list>

Question 55

In CSS, which property is used to specify the color of text?

Accepted Answer

color

Answer

hue

Answer

text-color

Answer

font-color