Master HTML and CSS: The Cornerstones of Web Development

Question 1

Which HTML attribute is used to establish a link between an HTML document and an external CSS file?

Accepted Answer

href

Answer

src

Answer

rel

Answer

type

Question 2

What is the proper syntax for creating a CSS class?

Accepted Answer

.class-name {}

Answer

#class-name {}

Answer

{class-name}

Answer

class-name {}

Question 3

Which HTML element is specifically designed for creating bulleted lists?

Accepted Answer

<ul>

Answer

<h1>

Answer

<li>

Answer

<ol>

Question 4

In CSS, which property is used to adjust the spacing between lines of text?

Accepted Answer

line-height

Answer

line-spacing

Answer

margin

Answer

padding

Question 5

What is the primary purpose of a DOCTYPE declaration in HTML?

Accepted Answer

To specify the version of HTML being used

Answer

To provide metadata about the web page

Answer

To define the structure of the web page

Answer

To link external resources

Question 6

Which CSS unit is commonly used to specify the width of an element?

Accepted Answer

px

Answer

em

Answer

%

Answer

pt

Question 7

What is the primary distinction between the

and

elements in HTML?

Accepted Answer

represents the primary content of the page, while

represents a specific section of the page.

Answer

represents the primary content of the page, while

represents a specific section of the page.

Answer

Both

and

represent primary content, but

is more specific.

Answer

Both

and

represent sections of a page, but

can be nested within

.

Question 8

In responsive web design, which CSS property defines the breakpoint for layout changes?

Accepted Answer

@media

Answer

@responsive

Answer

breakpoint()

Answer

responsive-layout

Question 9

In HTML, which element is dedicated to defining a distinct section within a web page?

Accepted Answer

Answer

<sec>

Answer

<div>

Question 10

In the CSS Box Model, which property specifies the spacing between the element's content and its border?

Accepted Answer

Padding

Answer

Margin

Answer

Border-width

Answer

Content-width

Question 11

Which HTML element is used to create an ordered list?

Accepted Answer

<ol>

Answer

<ul>

Answer

<list>

Answer

<ordered-list>

Question 12

What is the primary purpose of the 'id' attribute in HTML?

Accepted Answer

To uniquely identify an element

Answer

To define the style of an element

Answer

To create a hyperlink to another page

Answer

To set the size of an element

Question 13

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

Accepted Answer

background-color

Answer

color-background

Answer

background

Answer

bgcolor

Question 14

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

Accepted Answer

Block elements occupy a new line, while inline elements flow within the current line

Answer

Inline elements occupy a new line, while block elements flow within the current line

Answer

Block elements have no width or height, while inline elements do

Answer

Inline elements have no width or height, while block elements do

Question 15

Which CSS selector is considered the most specific?

Accepted Answer

#my-element

Answer

.my-class

Answer

p

Answer

body div

Question 16

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

Accepted Answer

To add space around an element's content

Answer

To increase the font size of an element

Answer

To change the background color of an element

Answer

To create a border around an element

Question 17

Which HTML element represents a website's main content heading?

Accepted Answer

<h1>

Answer

Answer

<head>

Answer

<div>

Question 18

What is the main function of a CSS preprocessor?

Accepted Answer

To enhance CSS functionality with additional features

Answer

To convert CSS into JavaScript

Answer

To validate CSS code

Answer

To optimize CSS performance

Question 19

Which CSS coding practice is considered a best practice for efficient code?

Accepted Answer

Using specific and targeted selectors

Answer

Nesting selectors deeply

Answer

Using inline styles instead of external stylesheets

Answer

Commenting code sparingly

Question 20

In HTML, which element creates a hypertext link?

Accepted Answer

<a></a>

Answer

Answer

<link>

Answer

<href>

Question 21

Which CSS property determines the text color?

Accepted Answer

color

Answer

font

Answer

hue

Answer

tint

Question 22

In CSS, which selector targets all elements with the 'error' class?

Accepted Answer

.error

Answer

#error

Answer

.#error

Answer

#.error

Question 23

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

Accepted Answer

Inline elements flow within text, while block elements start on new lines.

Answer

Block elements are used for headings and paragraphs, while inline elements are used for emphasis and links.

Answer

Inline elements can be nested within block elements, but not vice versa.

Answer

Inline elements do not have a defined width or height, while block elements do.

Question 24

Which CSS property controls the vertical space between lines of text?

Accepted Answer

line-height

Answer

font-spacing

Answer

letter-height

Answer

text-spacing

Question 25

In an HTML document, what is the purpose of the DOCTYPE declaration?

Accepted Answer

To specify the HTML version and trigger the correct rendering mode in the browser.

Answer

To indicate the character encoding used in the document.

Answer

To define the document's title and metadata.

Answer

To link an external style sheet to the document.

Question 26

In CSS, which unit is commonly used to specify margin size?

Accepted Answer

px (pixels)

Answer

% (percentage)

Answer

in (inches)

Answer

cm (centimeters)

Question 27

What is a key advantage of using semantic HTML elements?

Accepted Answer

They provide context and meaning to content, improving accessibility and search engine optimization.

Answer

They are required for all modern web browsers to display content correctly.

Answer

They simplify the styling process of a web page.

Answer

They reduce the overall file size of the web page.

Question 28

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

Accepted Answer

border-radius

Answer

corner-radius

Answer

round-corners

Answer

curvature