Scribd
Upload
24 views2 pages

HTML Practice Questions Worksheet

This document provides a structured worksheet for practicing HTML skills across various levels, from basic structure to advanced topics like forms and semantic HTML. Each level includes specific tasks such as creating webpages, formatting text, adding links and images, making lists and tables, and building forms. Additionally, there are bonus projects for creating personal profiles and recipe pages.

Uploaded by

bscs2512218
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
24 views2 pages

HTML Practice Questions Worksheet

This document provides a structured worksheet for practicing HTML skills across various levels, from basic structure to advanced topics like forms and semantic HTML. Each level includes specific tasks such as creating webpages, formatting text, adding links and images, making lists and tables, and building forms. Additionally, there are bonus projects for creating personal profiles and recipe pages.

Uploaded by

bscs2512218
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

HTML Practice Questions – Step by Step

Worksheet

LEVEL 1: Basic HTML Structure


1 Create a webpage that displays a title, a heading, and a paragraph describing what HTML is.
2 Write an HTML program that uses [h1] to [h6] to show headings of different sizes. Add a
comment saying [!-- This shows heading sizes --].
3 Create an HTML document with two paragraphs, a line break [br] between them, and a
horizontal line [hr] below them.

LEVEL 2: Text Formatting


1 Make a short biography about yourself using [b], [i], [u], [mark], [sup], [sub], and [del].
2 Write an HTML file that includes a [blockquote], a short quote [q], and a code example [code].
3 Create a paragraph with special symbols such as ©, ♥, <, and >.

LEVEL 3: Links & Images


1 Create a link that opens Google in a new tab and another page (about.html) in the same tab.
2 Add an image using [img] with alt text, width=300px, and centered alignment.
3 Add a link that jumps to the bottom of your page using href='#bottom' and a [div id='bottom'].

LEVEL 4: Lists
1 Create a shopping list using an unordered list ([ul]).
2 Create a top 5 movies list using an ordered list ([ol]).
3 Make a nested list of subjects, including Programming (C, HTML) and Math (Algebra,
Geometry).

LEVEL 5: Tables
1 Create a table with columns: Name, Age, City, and two rows of data.
2 Add a table caption 'Student Data' and bold all column headers using [th].
3 Add one row that spans across two columns using colspan.

LEVEL 6: Forms
1 Make a contact form with fields for Name, Email, Message, and a Submit button.
2 Create a login form with Username, Password, and a 'Remember me' checkbox.
3 Build a form with Gender (radio), Country (dropdown), and Age (number input).
LEVEL 7: Semantic HTML
1 Rebuild your homepage using [header], [nav], [main], [section], [article], and [footer].
2 Inside [footer], add contact info, copyright symbol, and fake social links.

BONUS PROJECTS
1 Create a personal profile webpage with your photo, bio, hobbies, and contact form.
2 Create a recipe page with an image, ingredients list, steps, and a YouTube tutorial link.
3 Create a student registration form with Name, Email, Password, Gender, Subjects, and Submit
button.

You might also like