Introduction to HTML: A Comprehensive Guide for Beginners

Question 1

Which of the following is the correct HTML syntax to create a level-one heading?

Accepted Answer

Heading text

Answer

Heading text

Answer

Heading text

Answer

Heading text

Question 2

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

Accepted Answer

To provide metadata about the webpage

Answer

To create a hyperlink to another webpage

Answer

To display text on the webpage

Answer

To define the structure of the webpage

Question 3

Which HTML element is used to create an ordered list?

Accepted Answer

<ul>

Answer

<list>

Answer

<li>

Answer

<item>

Question 4

What aspect of an element's appearance does the "display" property in CSS primarily control?

Accepted Answer

Visibility

Answer

Background colour

Answer

Font size

Answer

Position

Question 5

What is the main purpose of the 'href' attribute in an HTML <a> tag?

Accepted Answer

To specify the link to another webpage

Answer

To define the size of the link

Answer

To set the colour of the link

Answer

To add an image to the link

Question 6

What is the primary function of the 'position' property in CSS?

Accepted Answer

To control the positioning of an element on the page

Answer

To set the font size of an element

Answer

To change the background colour of an element

Answer

To make an element invisible

Question 7

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

Accepted Answer

<form>

Answer

<input>

Answer

Answer

Question 8

What is the key difference between 'block' and 'inline' display values in CSS?

Accepted Answer

Block elements take up the full available width, while inline elements only take up the space they need

Answer

Inline elements take up the full available width, while block elements only take up the space they need

Answer

Block elements are always visible, while inline elements can be hidden

Answer

Inline elements are always visible, while block elements can be hidden

Question 9

Which of these tags is not a valid HTML structural element?

Accepted Answer

Answer

<p>

Answer

Question 10

In HTML, which element is used to create a heading?

Accepted Answer

<h1>

Answer

<p>

Answer

<%>

Question 11

Which HTML tag is used to create a clickable link on a web page?

Accepted Answer

<a>

Answer

<link>

Answer

<h1>

Answer

<div>

Question 12

Which of the following is the correct syntax to create a hyperlink in HTML?

Accepted Answer

Answer

Answer

Answer

Question 13

What is the purpose of the <head> element in an HTML document?

Accepted Answer

To contain metadata and information about the document, such as its title, author, and keywords.

Answer

To define the main content of the document.

Answer

To specify the styling of the document.

Question 14

Which of the following HTML tags is used to create a heading?

Accepted Answer

<h1>

Answer

<title>

Answer

<p>

Answer

<head>

Question 15

What is the difference between the

tags in HTML?

Accepted Answer

creates an ordered list.

Answer

creates a vertical list.

Answer

is used for paragraphs.

Question 16

Which of the following is NOT a valid HTML attribute?

Accepted Answer

size

Answer

href

Answer

id

Answer

class

Question 17

What is the purpose of using semantic HTML tags?

Accepted Answer

To improve accessibility, search engine optimization, and the overall readability and maintainability of the code.

Answer

To validate against W3C standards.

Answer

To make the code easier to read.

Question 18

Which of the following is a valid way to indent HTML code?

Accepted Answer

Spaces (2 or 4 per level) OR Tabs

Answer

Mixed spaces and tabs

Answer

No indentation

Answer

Mixed spaces and tabs

Question 19

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

Accepted Answer

To provide additional information about the document to the browser and search engines, such as its title, description, and keywords.

Answer

To define the structure of the document.

Answer

To create a link to another website.

Question 20

Which of the following is a best practice for writing HTML code?

Accepted Answer

Use descriptive and meaningful tag names and attributes, and nest elements logically to create a clear and maintainable structure.

Answer

Use as many tags as possible to provide more detail.

Answer

Nest tags as deeply as possible to create complex structures.

Question 21

Which of the following is not a valid HTML tag?

Accepted Answer

<xyz>

Answer

<p>

Answer

<head>

Answer

<br>

Question 22

What HTML tag creates the largest heading on a web page?

Accepted Answer

<h1>

Answer

Answer

<h4>

Answer

<title>

Question 23

Which HTML syntax creates a hyperlink to an external website?

Accepted Answer

<a href="http://www.google.com">Google</a>

Answer

<a href="www.google.com">Google</a>

Answer

Answer

<a src="http://www.google.com">Google</a>

Question 24

Which HTML element is used to create a heading?

Accepted Answer

<h1>

Answer

<p>

Answer

<div>

Answer

<span>

Question 25

Which of the following is the correct HTML syntax to create a level 1 heading?

Accepted Answer

<h1>Heading</h1>

Answer

<h3>Heading<h3>

Answer

<h1>Heading</<h1>>

Answer

<H1>Heading<H1>

Question 26

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

Accepted Answer

To provide metadata about the web page

Answer

To create interactive elements

Answer

To define the page's layout

Answer

To insert images into the page

Question 27

Which of the following attributes is used to set the background color of an HTML element?

Accepted Answer

bgcolor

Answer

background

Answer

style

Answer

color

Question 28

What is the main distinction between a block-level and an inline element in HTML?

Accepted Answer

Block-level elements begin on a new line and span the full available width, while inline elements do not.

Answer

Block-level elements are used for headings and paragraphs, while inline elements are used for links and images.

Question 29

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

Accepted Answer

To specify the version of HTML being used

Answer

To link to external CSS files

Answer

To define the title of the web page

Answer

To create interactive forms

Question 30

Which of the following is a recommended practice for writing HTML code?

Accepted Answer

Properly indenting and using line breaks

Answer

Writing in all uppercase letters

Answer

Omitting closing tags

Answer

Mixing different versions of HTML

Question 31

What is the fundamental difference between a semantic element and a presentational element in HTML?

Accepted Answer

Semantic elements convey the meaning of their content, while presentational elements control its appearance.

Answer

Semantic elements are used for headings and paragraphs, while presentational elements are used for links and images.

Question 32

Which of the following is NOT a valid HTML character entity?

Accepted Answer

&ampersand;

Answer

&pound;

Answer

&copy;

Question 33

What is the main reason for using CSS together with HTML?

Accepted Answer

To control the appearance and layout of web pages

Answer

To provide metadata about the web page

Answer

To create interactive elements

Question 34

Which HTML tag is used to define a main heading?

Accepted Answer

<h1>

Answer

<head>

Answer

Answer

<title>

Question 35

Which attribute is used to align text to the center?

Accepted Answer

align="center"

Answer

position="center"

Answer

justify="center"

Answer

placement="center"

Question 36

What is the purpose of the <meta name="description" content="..."> tag?

Accepted Answer

To provide a brief description of the web page for search engines and other applications

Answer

To embed a script into the page

Answer

To create a hyperlink to another page

Answer

To define the page's title

Question 37

Which HTML element is used to insert a horizontal line?

Accepted Answer

<hr>

Answer

<span>

Answer

<p>

Answer

<div>

Question 38

What is the difference between the

elements?

Accepted Answer

The

element creates a list item within the unordered list.

Answer

The

element is used for vertical lists.

Question 39

Which HTML attribute specifies the background color of an element?

Accepted Answer

style="background-color: ...;"

Answer

style

Answer

color

Answer

background

Question 40

What is the purpose of the <head> element?

Accepted Answer

To contain information about the web page, such as the title and metadata

Answer

To define the structure of the document

Answer

To define the body of the document

Question 41

Which HTML element is used to define a hyperlink to an email address?

Accepted Answer

Answer

<href>

Answer

<link>

Answer

<url>

Question 42

Which HTML tag is used to create a table row?

Accepted Answer

<tr>

Answer

<list>

Answer

<grid>

Answer

<data>

Question 43

Which HTML element is used to create a paragraph?

Accepted Answer

<p>

Answer

<para>

Answer

<txt>

Answer

Question 44

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

Accepted Answer

To contain meta information and page settings

Answer

To define the main content of the page

Answer

To specify the stylesheet for the page

Question 45

Which HTML attribute is used to define a unique identifier for an element?

Accepted Answer

id

Answer

uid

Answer

name

Answer

class

Question 46

What is the correct HTML syntax for creating a hyperlink?

Accepted Answer

Answer

Answer

Answer

Question 47

Which of the following is NOT a valid HTML heading level?

Accepted Answer

h7

Answer

h3

Answer

h5

Answer

h1

Question 48

What is the semantic purpose of the <table> element in HTML?

Accepted Answer

To represent data in a tabular format

Answer

To display a list of items

Answer

To create a layout grid

Question 49

Which of the following is considered a best practice when writing HTML code?

Accepted Answer

Use proper indentation and line breaks for readability

Answer

Omit closing tags whenever possible

Answer

Use inline styles rather than external stylesheets

Answer

Nest elements as deeply as possible

Question 50

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

Accepted Answer

To provide metadata about the web page

Answer

To define the document type

Answer

To create a navigation menu

Answer

To specify the encoding of the page

Question 51

What is the fundamental difference between a block-level and an inline element in HTML?

Accepted Answer

Block-level elements start on a new line and occupy the full available width, while inline elements flow within a line of text.

Answer

Block-level elements are used for structural content and inline elements are used for formatting text.