HTML and CSS Quizzes: Test Your Web Design Skills

Question 1

Which HTML element signifies the beginning of the web page's head section?

Accepted Answer

<head>

Answer

<body>

Answer

<title>

Answer

Question 2

In CSS, which property is responsible for setting the border of an element?

Accepted Answer

border

Answer

margin

Answer

padding

Answer

background

Question 3

Which HTML element is utilized to create a hyperlink?

Accepted Answer

<a>

Answer

<link>

Answer

Answer

<href>

Question 4

In CSS, what is the correct syntax to set the background color of an element?

Accepted Answer

background-color: red;

Answer

background: red;

Answer

set-bg-color: red;

Answer

color: red;

Question 5

Which HTML element is employed to create a numbered list?

Accepted Answer

<ol>

Answer

<ul>

Answer

<li>

Answer

<table>

Question 6

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

Accepted Answer

To control the layout and positioning of an element

Answer

To control the visibility of an element

Answer

To specify the background color

Answer

To define the font size

Question 7

Which HTML attribute specifies the width of a table?

Accepted Answer

width

Answer

height

Answer

size

Answer

column-width

Question 8

What is the fundamental difference between the HTML

and elements?

Accepted Answer

The

is a block-level element, while the is an inline element.

Answer

The is a block-level element, while the

is an inline element.

Answer

There is no functional difference between the two elements.

Answer

The

is used for content, while the is used for styling.

Question 9

Which CSS property controls the spacing between lines of text?

Accepted Answer

line-height

Answer

text-spacing

Answer

font-spacing

Answer

letter-spacing

Question 10

What is the intended purpose of the HTML 'class' attribute?

Accepted Answer

To categorize elements for styling purposes

Answer

To create interactive elements

Answer

To specify the size of an element

Answer

To define the content of an element

Question 11

Which of these is NOT a standard HTML element?

Accepted Answer

<clock>

Answer

<head>

Answer

<body>

Question 12

Which HTML structure is used to create a heading element?

Accepted Answer

<h1>Heading</h1>

Answer

<head><h1>Heading</h1></head>

Answer

<h1><head>Heading</head></h1>

Answer

<h2><h1>Heading</h1></h2>

Question 13

In CSS, what is the correct syntax to set the background color of an element with the ID 'my-element' to blue?

Accepted Answer

#my-element { background-color: blue; }

Answer

my-element { background: blue }

Answer

<my-element> { background-color: blue }

Answer

.my-element { background-color: blue }

Question 14

Which HTML element defines the head section of a web page, containing essential metadata?

Accepted Answer

<head>

Answer

Answer

<body>

Question 15

What is the role of the `display` property in CSS?

Accepted Answer

Controls the display behavior and visibility of an element

Answer

Sets the font style and size of an element

Answer

Specifies the alignment of text and elements

Answer

Determines the background color of an element

Question 16

Which HTML attribute provides alternative information for an image when it cannot be displayed?

Accepted Answer

alt

Answer

src

Answer

height

Answer

width

Question 17

What is the primary function of the `<h1>` tag in HTML?

Accepted Answer

Defines the most significant heading or title on a web page

Answer

Inserts a line break

Answer

Creates an ordered list

Answer

Defines a paragraph

Question 18

Which CSS unit is commonly used to specify the spacing around elements?

Accepted Answer

px

Answer

em

Answer

rem

Answer

%

Question 19

What is the purpose of the `<form>` element in HTML?

Accepted Answer

Provides a way to collect user input and submit it to a server

Answer

Sets the visual styles of a web page

Answer

Embeds multimedia content

Answer

Defines the overall structure of a web page

Question 20

Which CSS selector can be used to target all elements with the class name `container`?

Accepted Answer

.container

Answer

#container

Answer

*container

Answer

container

Question 21

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

Accepted Answer

Inline elements flow within a line of text, while block elements start on a new line

Answer

Inline elements are for text content, while block elements are for containers

Answer

Inline elements can contain block elements, but block elements cannot contain inline elements

Question 22

Which HTML element is used to create a hyperlink to another web page or resource?

Accepted Answer

<a>

Answer

<link>

Answer

Answer

<img>

Question 23

What is the function of the `background-color` property in CSS?

Accepted Answer

Sets the background color of an element

Answer

Aligns the content within an element

Answer

Specifies the font color of an element

Answer

Resizes an element

Question 24

What HTML tag is used to define the title of a web page?

Accepted Answer

<title>

Answer

<head>

Answer

Answer

<body>

Question 25

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

Accepted Answer

background-color

Answer

background-image

Answer

background

Answer

background-position

Question 26

What is the correct syntax to define a CSS style that changes the font size of all elements within a div with the class 'article'?

Accepted Answer

.article { font-size: 14px; }

Answer

div>article { font-size = 14px; }

Answer

#article>font-size { 14px; }

Answer

div.article { font-size { 14px} }

Question 27

Which JavaScript method should be used to create a new element in the DOM?

Accepted Answer

document.createElement()

Answer

element.create()

Answer

element.new()

Answer

node.createElement()

Question 28

Which HTML attribute is used to provide an alternative text description for an image?

Accepted Answer

alt

Answer

image

Answer

title

Answer

desc

Question 29

What is the primary purpose of the CSS box model?

Accepted Answer

To define the dimensions, layout, and appearance of HTML elements.

Answer

To create animations and transitions.

Answer

To handle user input events.

Question 30

Which HTML element is used to create a list of unordered items?

Accepted Answer

<ul>

Answer

<ol>

Answer

<dl>

Answer

<li>

Question 31

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

Accepted Answer

To specify the display behavior of an HTML element.

Answer

To set the background color of an element.

Answer

To control the font size of text.

Question 32

Which JavaScript operator is used for logical conjunction?

Accepted Answer

&&

Answer

||

Answer

!

Answer

&

Question 33

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

Accepted Answer

HTML elements are building blocks of a web page, while HTML attributes provide additional information about elements.

Answer

Elements are visible on the web page, while attributes are not.

Answer

Elements are enclosed by tags, while attributes are not.

Question 34

In HTML, what element do you use to define a main heading?

Accepted Answer

<h1>

Answer

<head>

Answer

Answer

<title>

Question 35

In CSS, which property sets the background color of an element?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bgcolor

Question 36

In HTML, what tag do you use to create a hyperlink?

Accepted Answer

<a>

Answer

<href>

Answer

<link>

Answer

Question 37

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

Accepted Answer

.class-name

Answer

#class-name

Answer

class-name

Answer

[class-name]

Question 38

In HTML, what element do you use to embed an image on a web page?

Accepted Answer

<img>

Answer

<image>

Answer

Answer

<src>

Question 39

In CSS, which property controls the size of the text in an element?

Accepted Answer

font-size

Answer

size

Answer

text-size

Answer

font

Question 40

In HTML, which tag is used to define a paragraph?

Accepted Answer

<p>

Answer

Answer

<body>

Answer

<text>

Question 41

In CSS, which property specifies how an element is positioned on the page?

Accepted Answer

position

Answer

place

Answer

positioned

Answer

location

Question 42

In HTML, what tag do you use to create an unordered list?

Accepted Answer

<ul>

Answer

<items>

Answer

<ol>

Answer

<list>

Question 43

Which HTML element is used to define the title of a web page, which appears in the browser tab?

Accepted Answer

<title>

Answer

<body>

Answer

<head>

Answer

<h1>

Question 44

What is the correct syntax to define a CSS property for an element?

Accepted Answer

property: value;

Answer

value: property;

Answer

property = value;

Answer

value = property;

Question 45

Which CSS property controls the font size of text within an element?

Accepted Answer

font-size

Answer

font

Answer

text-size

Answer

size

Question 46

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

Accepted Answer

To define the introductory section of a web page, often containing the page title and navigation

Answer

To define the title of a web page

Answer

To define the closing section of a web page

Answer

To define the main content area of a web page

Question 47

Which CSS property is used to adjust the spacing between lines of text?

Accepted Answer

line-height

Answer

text-spacing

Answer

letter-spacing

Answer

word-spacing

Question 48

What is the main purpose of combining HTML and CSS together?

Accepted Answer

To create visually appealing and structured web pages

Answer

To manage large datasets in a database

Answer

To create interactive web pages with dynamic content

Answer

To develop mobile applications

Question 49

Which HTML element is used to create a clickable link to another web page or resource?

Accepted Answer

<a>

Answer

<b>

Answer

<p>

Answer

<h1>

Question 50

What is the default display property for the HTML

element, which determines how it will be positioned on a page?

Accepted Answer

block

Answer

flex

Answer

grid

Answer

inline

Question 51

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

Accepted Answer

color

Answer

font-color

Answer

text-color

Answer

background-color

Question 52

What is the key difference between an HTML element and a CSS property?

Accepted Answer

HTML elements define the structure and content of a web page, while CSS properties control the visual presentation and style

Answer

HTML elements and CSS properties are essentially the same

Answer

HTML elements control the visual presentation, while CSS properties define the structure