Creating Basic Web Layouts: A Comprehensive Guide for Beginners

Question 1

Which of the HTML elements is specifically designed to establish a heading?

Accepted Answer

<h1>

Answer

<title>

Answer

<p>

Answer

Question 2

In CSS, which property is responsible for adjusting the vertical spacing between lines of text?

Accepted Answer

line-height

Answer

padding

Answer

margin

Answer

font-size

Question 3

Which CSS selector targets all the elements belonging to a specific class?

Accepted Answer

.class-name

Answer

#class-name

Answer

&.class-name

Answer

*class-name

Question 4

Explain the fundamental difference between an HTML element and a CSS selector.

Accepted Answer

Elements are part of the HTML structure, while selectors are used to style them

Answer

Selectors are part of the HTML structure, while elements are used to style them

Answer

Elements and selectors are the same thing

Answer

There is no difference between elements and selectors

Question 5

What is the main reason for utilizing a CSS reset?

Accepted Answer

To eliminate default browser styles and establish a uniform starting point

Answer

To add additional styles to the web page

Answer

To reset the browser's cache

Answer

To format the text on the web page

Question 6

Which CSS property controls the level of transparency for an element?

Accepted Answer

opacity

Answer

visibility

Answer

filter

Answer

background-color

Question 7

What is the appropriate syntax for creating a CSS class?

Accepted Answer

.class-name { }

Answer

#class-name { }

Answer

&.class-name { }

Answer

*class-name { }

Question 8

Which HTML element is used to define a main heading?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 9

What CSS property is used to set the background color of a webpage?

Accepted Answer

background-color

Answer

bg-color

Answer

color

Answer

fill

Question 10

Which of the following is the correct syntax for creating an unordered list in HTML?

Accepted Answer

<ul>

Answer

<li>

Answer

<ol>

Answer

<list>

Question 11

What CSS selector would target all elements with the class 'content'?

Accepted Answer

.content

Answer

#content

Answer

content

Answer

div.content

Question 12

Which HTML attribute specifies the address of the linked document or resource?

Accepted Answer

href

Answer

src

Answer

target

Answer

rel

Question 13

What CSS property controls the spacing between characters in a text?

Accepted Answer

letter-spacing

Answer

text-spacing

Answer

character-space

Answer

font-spacing

Question 14

Which HTML element represents a row in a table?

Accepted Answer

<tr>

Answer

<td>

Answer

<th>

Answer

<table>

Question 15

Which HTML element is used to create a button that submits user input?

Accepted Answer

Answer

Answer

<form>

Answer

<input>

Question 16

What CSS property makes an element completely transparent?

Accepted Answer

opacity: 0

Answer

visibility: hidden

Answer

display: none

Answer

transparent: true

Question 17

In CSS, which property is used to control the smooth transition between different states of a navigation menu?

Accepted Answer

transition

Answer

transform

Answer

display

Answer

float

Question 18

Which HTML element is used to create a main heading on a web page?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 19

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

Accepted Answer

Adds space to the left of an element

Answer

Adds space to the right of an element

Answer

Changes the background color of an element

Answer

Makes an element bold

Question 20

Which HTML attribute is used to create a link to another web page?

Accepted Answer

href

Answer

src

Answer

alt

Answer

title

Question 21

What is the correct syntax for writing a CSS rule?

Accepted Answer

selector { property: value; }

Answer

{ selector: property; value: }

Answer

selector: property { value; }

Answer

property { selector: value; }

Question 22

Which HTML element creates a bulleted list?

Accepted Answer

<ul>

Answer

<ol>

Answer

<table>

Answer

<p>

Question 23

What is the main benefit of using a CSS preprocessor?

Accepted Answer

Makes CSS code more maintainable and flexible

Answer

Converts CSS code into JavaScript

Answer

Optimizes the performance of CSS code

Answer

Adds new features to CSS

Question 24

Which HTML element is used to create a form?

Accepted Answer

<form>

Answer

<input>

Answer

Answer

<label>

Question 25

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

Accepted Answer

A class can be applied to multiple elements, while an id can only be applied to one element.

Answer

An id can be applied to multiple elements, while a class can only be applied to one element.

Answer

There is no difference between a CSS class and a CSS id.

Answer

A class is used for styling, while an id is used for identifying elements.

Question 26

Which CSS property is used to change the size of text?

Accepted Answer

font-size

Answer

font-family

Answer

font-weight

Answer

font-style