Master HTML and CSS: A Comprehensive Guide for Beginners

Question 1

Which CSS property is used to set the size of the font?

Accepted Answer

font-size

Answer

text-size

Answer

font

Answer

size

Question 2

What is the primary purpose of a CSS selector?

Accepted Answer

To link HTML elements to CSS styles

Answer

To define the structure of a web page

Answer

To add interactivity to a web page

Answer

To create new HTML elements

Question 3

What is the key difference between an inline element and a block element in HTML?

Accepted Answer

Block elements take up the full width of their container, while inline elements do not.

Answer

Inline elements take up the full width of their container, while block elements do not.

Answer

Inline elements can only contain text, while block elements can contain any type of content.

Answer

Block elements can only contain text, while inline elements can contain any type of content.

Question 4

Which of the following is NOT a valid unit of measurement in CSS?

Accepted Answer

ms

Answer

px

Answer

em

Answer

rem

Question 5

What is the main benefit of using flexbox in CSS?

Accepted Answer

Creating flexible and dynamic layouts

Answer

Controlling the flow of text

Answer

Adding special effects to elements

Answer

Defining custom fonts

Question 6

Which of the following is NOT a valid CSS property?

Accepted Answer

margin-top:100em;

Answer

background-color

Answer

font-family

Answer

border-radius

Question 7

Which of the following HTML elements is used to represent a line break?

Accepted Answer

<br>

Answer

<lb>

Answer

<break>

Answer

<line>

Question 8

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

Accepted Answer

background-color

Answer

color

Answer

bgcolor

Answer

fill

Question 9

In CSS, which selector is used to select all elements with the class name "button"?

Accepted Answer

.button

Answer

button

Answer

#button

Answer

button.button

Question 10

Which HTML element is used to contain metadata about the web page, such as the title and keywords?

Accepted Answer

<head>

Answer

Answer

Answer

<info>

Question 11

Which CSS unit is used to specify the font size in pixels?

Accepted Answer

px

Answer

in

Answer

em

Answer

pt

Question 12

What is the full form of the acronym HTML?

Accepted Answer

HyperText Markup Language

Answer

Hyper Text Markup Language

Answer

Hyperlink Markup Language

Answer

Hypermedia Markup Language

Question 13

In CSS, which property is used to control the width of an element?

Accepted Answer

width

Answer

size

Answer

length

Answer

area

Question 14

What is the purpose of using a media query in CSS?

Accepted Answer

To apply styles based on the user's device or display

Answer

To define custom CSS properties

Answer

To create CSS animations

Answer

To specify the order of CSS rules

Question 15

Which HTML tag is used to create a hyperlink?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<link>

Question 16

In CSS, what is the primary purpose of the `display` property?

Accepted Answer

To control the layout of an element

Answer

To set the background color of an element

Answer

To specify the font size of an element

Answer

To hide an element from the page

Question 17

What is the primary reason semantic elements are crucial in HTML?

Accepted Answer

They enhance accessibility for assistive technologies to interpret content effectively.

Answer

They enhance the visual appeal of a web page by defining styles and layouts.

Answer

They minimize code requirements, improving efficiency.

Answer

They are mandatory for modern browsers and HTML validation.

Question 18

In responsive web design, what is the main purpose of media queries?

Accepted Answer

To set breakpoints that dynamically adapt the layout and content based on screen size

Answer

To automatically adjust page elements based on user preferences

Answer

To hide non-essential elements on smaller screens to improve loading speed

Answer

To convert web pages into mobile apps

Question 19

Which HTML element defines the main content area of a web page?

Accepted Answer

<body>

Answer

<head>

Answer

<title>

Answer

Question 20

What CSS property is used to specify the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bgcolor

Question 21

Which HTML element is used to create a link to another webpage?

Accepted Answer

<a>

Answer

<link>

Answer

<ref>

Answer

Question 22

What CSS selector is used to select all elements with a class name of 'block'?

Accepted Answer

.block

Answer

#block

Answer

block

Answer

div.block

Question 23

Which of the following is a technique commonly used in responsive web design?

Accepted Answer

Using media queries

Answer

Setting fixed widths

Answer

Disabling JavaScript

Answer

Increasing font size

Question 24

Which HTML attribute is used to specify the destination of a hyperlink?

Accepted Answer

href

Answer

src

Answer

url

Answer

link

Question 25

Which HTML element is used to create a form for user input?

Accepted Answer

<form>

Answer

<input>

Answer

<field>

Answer

<data>

Question 26

What CSS unit is used to specify font size in a relative manner?

Accepted Answer

rem

Answer

px

Answer

pt

Answer

in

Question 27

Which of the following is NOT a valid CSS selector?

Accepted Answer

id#header

Answer

.content-block

Answer

div[class='box']

Answer

*

Question 28

In HTML, which element defines the main content area of a web page?

Accepted Answer

<body>

Answer

Answer

<title>

Answer

<div>

Question 29

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

Accepted Answer

background-color

Answer

color

Answer

fill

Answer

paint

Question 30

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

Accepted Answer

.container

Answer

#container

Answer

*container

Answer

-container

Question 31

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

Accepted Answer

To control the layout of elements

Answer

To change the text alignment

Answer

To set the font size

Answer

To adjust the margins

Question 32

Which HTML attribute specifies the destination of a hyperlink?

Accepted Answer

href

Answer

src

Answer

link

Answer

url

Question 33

What is the correct HTML syntax for creating an unordered list?

Accepted Answer

<ul>

Answer

<list>

Answer

Answer

<lu>

Question 34

Which of the following is not a valid CSS unit for specifying font size?

Accepted Answer

vh

Answer

px

Answer

rem

Answer

em

Question 35

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

Accepted Answer

To set the element's position on the page

Answer

To change the element's visibility

Answer

To control the element's size

Answer

To adjust the element's margins

Question 36

Which HTML element is used to insert a line break into text?

Accepted Answer

<br>

Answer

<line>

Answer

<break>

Answer

<lb>

Question 37

Which HTML element is used to create a level 1 heading?

Accepted Answer

<h1>

Answer

<h6>

Answer

<div>

Answer

<p>

Question 38

Which CSS media query targets screens with a minimum width of 1024 pixels?

Accepted Answer

@media (min-width: 1024px)

Answer

@media (max-width: 1024px)

Answer

@media (min-height: 1024px)

Answer

@media (max-height: 1024px)

Question 39

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

Accepted Answer

Defines the main content of a web page

Answer

Contains the navigation structure of a web page

Answer

Defines the header of a web page

Answer

Defines the footer of a web page

Question 40

Which CSS selector matches all elements of type 'button'?

Accepted Answer

button

Answer

.button

Answer

#button

Answer

*button

Question 41

What is the difference between a CSS class and a CSS id?

Accepted Answer

Classes can be applied to multiple elements, while IDs are unique to each element

Answer

IDs can be applied to multiple elements, while classes are unique to each element

Answer

Classes and IDs serve the same purpose

Answer

Classes are for styling, while IDs are for structure

Question 42

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

Accepted Answer

To control how an element is displayed

Answer

To set the size of an element

Answer

To specify the background color of an element

Answer

To position an element on the page

Question 43

Which HTML element is used to create a dropdown list?

Accepted Answer

Answer

<ul>

Answer

<ol>

Answer

<form>

Question 44

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

Accepted Answer

To change the appearance of the mouse cursor when hovering over an element

Answer

To set the position of the mouse cursor

Answer

To hide the mouse cursor

Answer

To control the animation of the mouse cursor

Question 45

In CSS, what is inheritance and how can it be used practically?

Accepted Answer

Styles applied to parent elements can be inherited by child elements, reducing code repetition.

Answer

Inheritance only applies to specific CSS properties like color and font-size.

Answer

Inheritance is limited to elements with the same HTML tag as the parent element.

Answer

Inheritance is no longer supported in modern web browsers.

Question 46

In HTML, which element is used to define the header section of a web page?

Accepted Answer

Answer

Answer

Answer

<main>

Question 47

Which CSS selector selects all HTML elements with the class name "container"?

Accepted Answer

.container

Answer

container

Answer

.cont

Answer

#container

Question 48

What is the primary purpose of the <link> element in HTML?

Accepted Answer

To link to an external CSS file

Answer

To create a hyperlink to another web page

Answer

To embed a script into the web page

Answer

To define metadata about the web page

Question 49

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

Accepted Answer

background-image

Answer

BackgroundImage

Answer

background-color

Answer

background

Question 50

What is the purpose of the @media rule in CSS?

Accepted Answer

To apply styles based on media queries

Answer

To define CSS variables

Answer

To set global styles

Answer

To create custom animations

Question 51

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

Accepted Answer

width

Answer

w

Answer

width px

Answer

size

Question 52

In CSS, which property is used to set the text alignment of an element?

Accepted Answer

text-align

Answer

textAlign

Answer

align

Answer

text-alignment

Question 53

What is a key difference between HTML and XHTML?

Accepted Answer

XHTML follows stricter syntax rules based on XML

Answer

HTML is a stricter version of XHTML

Answer

XHTML has more features than HTML