Chapter 1 Beginner 58 Questions

Practice Questions — Introduction to HTML - The Language of the Web

← Back to Notes

17 Easy

15 Medium

8 Hard

Topic-Specific Questions

Question 1

Easy

What does the following HTML render as?

<h1>Hello World</h1>

h1 is the biggest heading.

A large, bold heading that says Hello World.

Question 2

Easy

What does this HTML render as?

<p>I love cricket.</p>
<p>I also love mathematics.</p>

Each

creates a separate paragraph with space between them.

Two paragraphs on separate lines:
I love cricket.
I also love mathematics.

Question 3

Easy

Fix this broken tag:

<p>This is a paragraph.<p>

The closing tag needs a slash.

<p>This is a paragraph.</p>

Question 4

Easy

Write HTML for a simple profile card that shows the name 'Aarav Patel' as a big heading and the description 'I love coding' as a paragraph.

Use

for the name and
for the description.

<h1>Aarav Patel</h1>
<p>I love coding</p>

Question 5

Easy

What does this render as?

<h1>Main Title</h1>
<h2>Sub Title</h2>
<h3>Section</h3>

h1 is biggest, h6 is smallest.

Three headings of decreasing size: a very large 'Main Title', a medium 'Sub Title', and a smaller 'Section'.

Question 6

Easy

Rohan wrote this image tag but the alt text is wrong. Fix it:

<img src="dog.jpg" alt=My best friend>

Attribute values with spaces need quotes.

<img src="dog.jpg" alt="My best friend">

Question 7

Easy

What does this HTML create?

<a href="https://google.com">Click me</a>

is the anchor tag, used for links.

A clickable link with the blue underlined text 'Click me' that opens google.com when clicked.

Question 8

Easy

Write HTML to display an unordered list with three items: Apple, Mango, Banana.

Use

for each item.

<ul>
  <li>Apple</li>
  <li>Mango</li>
  <li>Banana</li>
</ul>

Question 9

Easy

Ananya wrote this code but the headline will not show. What is wrong?

<!DOCTYPE html>
<html>
<head>
  <h1>Welcome to my page</h1>
</head>
<body>
</body>
</html>

Visible content belongs in a specific section.

Move the <h1> from inside <head> into <body>.

Question 10

Easy

What does this render as?

<p>Line one.<br>Line two.</p>

is a line break.

One paragraph with two lines:
Line one.
Line two.

Question 11

Easy

Write a complete HTML page (with DOCTYPE, html, head, body) that shows the heading 'My Hobbies' and a paragraph saying 'I like cricket and painting.'

Remember the standard structure: DOCTYPE, html, head (with title), body (with content).

<!DOCTYPE html>
<html>
<head>
  <title>Hobbies</title>
</head>
<body>
  <h1>My Hobbies</h1>
  <p>I like cricket and painting.</p>
</body>
</html>

Question 12

Easy

What does this render?

<ol>
  <li>Wake up</li>
  <li>Brush teeth</li>
  <li>Eat breakfast</li>
</ol>

is an ordered list.

A numbered list:
1. Wake up
2. Brush teeth
3. Eat breakfast

Question 13

Medium

Vikram wrote this link but it does not go anywhere when clicked. Fix it:

<a>Visit Wikipedia</a>

A link needs a destination.

<a href="https://www.wikipedia.org">Visit Wikipedia</a>

Question 14

Medium

What does this HTML produce?

<h1>Recipe</h1>
<p>Ingredients:</p>
<ul>
  <li>Flour</li>
  <li>Sugar</li>
  <li>Milk</li>
</ul>
<hr>
<p>Mix well and bake.</p>

Go element by element — heading, paragraph, list, horizontal rule, paragraph.

A heading 'Recipe', then 'Ingredients:', then a bulleted list of Flour, Sugar, Milk, then a horizontal line, then the text 'Mix well and bake.'

Question 15

Medium

Write HTML for an image of a sunset that has the alt text 'Beautiful sunset at the beach' and uses the source 'sunset.jpg'.

is self-closing and needs src and alt attributes.

<img src="sunset.jpg" alt="Beautiful sunset at the beach">

Question 16

Medium

Neha saved a file with her HTML but double-clicking it opens Notepad instead of a browser. What is wrong?

Check the file extension.

The file was probably saved as .txt instead of .html. Rename the file so it ends with .html (for example page.html).

Question 17

Medium

What does this render?

<h2>Contact</h2>
<p>Email me at <a href="mailto:rohan@example.com">rohan@example.com</a></p>

The anchor tag is nested inside the paragraph.

A sub-heading 'Contact' followed by 'Email me at rohan@example.com' where the email address is a clickable link.

Question 18

Medium

Write HTML for a page that has the title 'My Dog' (shown on the browser tab), a heading 'Meet Buddy', and a paragraph describing the dog.

Practice Questions — Introduction to HTML - The Language of the Web

Topic-Specific Questions

for the name and for the description.

for the name and
for the description.