HTML Assignment – 1
Basic Questions
1. Create a basic HTML document with <html>, <head>, and <body> tags.
2. Write an HTML document that displays a heading using <h1> with your name.
3. Add six headings (<h1> to <h6>) in a web page, each showing “Heading 1” to
“Heading 6”.
4. Create a paragraph using <p> that describes yourself in 2–3 sentences.
5. Add a line break (<br>) in between two sentences inside a paragraph.
6. Insert a horizontal line (<hr>) between two headings.
7. Write a short paragraph and include an HTML comment describing the
paragraph.
8. Use <b> to make the text “Important” bold inside a sentence.
9. Use <i> to make the text “Special” italic inside a paragraph.
10. Use <u> to underline the word “Highlight”.
11. Create a paragraph where the word “Warning” is inside a <strong> tag.
12. Create a paragraph where the word “Note” is emphasized using <em>.
13. Write a chemical formula for water (H<sub>2</sub>O) using subscript.
14. Write a mathematical equation for square (x<sup>2</sup>) using
superscript.
15. Display a block of preformatted text using the <pre> tag.
16. Highlight the word “HTML” inside a sentence using the <mark> tag.
17. Use <small> to make the copyright notice small: “© 2025”.
18. Use <del> to show deleted text “Old Price: $100”.
19. Use <ins> to show inserted text “New Price: $80”.
20. Display a famous quote inside a <blockquote> element.
Intermediate Questions
1. Create an HTML page with a title in <head> and display “Welcome to My
Webpage” in <body>.
2. Add two paragraphs on a page and insert a horizontal line between them.
3. Create an HTML page that contains all heading levels <h1> to <h6> followed
by a short paragraph for each.
4. Write an HTML page with one comment at the top saying “This is my practice
page”.
5. Create a paragraph that contains a mix of bold, italic, and
<u>underlined</u> text.
6. Make a sentence that contains both <strong> and <em> tags.
7. Show the following math formula in HTML: E = mc<sup>2</sup>.
8. Write “log<sub>10</sub>” using subscript formatting.
9. Display a block of text using <pre> that shows:
Name: Vivek
Age: 25
Country: India
10.
11. Highlight the word “Important” using <mark> inside a paragraph.
12. Create a paragraph where one word is shown as <small>, another as <del>,
and another as <ins>.
13. Add a famous quote inside <blockquote> and cite the author using <cite>.
14. Write an HTML page where you use <hr> to divide three different sections.
15. Create a paragraph and insert two <br> tags to separate three sentences.
16. Use multiple formatting tags together: make one word bold, italic,
underlined, and marked.
17. Write a paragraph with one part normal, another emphasized <em>, and
another strong <strong>.
18. Show an example where old price is shown using <del> and new price using
<ins>.
19. Insert your name inside <mark> and display it as highlighted text.
20. Display a paragraph with a citation at the end using <cite>.
21. Write a page that contains at least 5 formatting tags in one sentence (bold,
italic, underline, subscript, superscript).
Advanced Questions
1. Create a complete HTML document that demonstrates all heading levels
(<h1>–<h6>), paragraphs, <br>, <hr>, and comments.
2. Build a formatted biography page of yourself using <p>, <b>, <i>, <u>,
<strong>, <em>.
3. Write an HTML page that shows a scientific formula with multiple subscripts
and superscripts, e.g., C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> +
O<sub>2</sub> → CO<sub>2</sub> + H<sub>2</sub>O.
4. Create an HTML article where you use <blockquote> for a quote and <cite> for
the source.
5. Make an HTML page that displays a paragraph with deleted, inserted, marked,
and small text all in one example.
6. Create a structured document with <head> , <body> (content), multiple
headings, horizontal rules, and formatting.
7. Show a block of preformatted poetry or code using <pre> and mix it with text
formatting tags inside.
8. Write an HTML page that combines text formatting: one word bold, italic,
underlined, small, highlighted, deleted, and inserted — all in one sentence.
9. Create an HTML page that explains HTML comments with an example — write
comments before headings and paragraphs.
HTML Assignment – 2
Basic Questions
21. Create an ordered list (<ol>) of 5 fruits.
22. Create an unordered list (<ul>) of 5 countries.
23. Create a nested list with one main item “Programming Languages”
containing “JavaScript, Python, Java”.
24. Make a description list (<dl>) of 3 terms with their definitions.
25. Create an unordered list of your hobbies.
26. Create a simple hyperlink using <a> that links to
“https://www.google.com”.
27. Add a link to an external website (e.g., YouTube).
28. Create a relative link to a page called about.html.
29. Create an anchor link that jumps to a section with the ID #contact.
30. Make a link that opens in a new tab using target=”_blank”.
31. Insert an image using <img> with src and alt attributes.
32. Add an image with a title attribute that shows text on hover.
33. Resize an image to 200px width and 150px height.
34. Insert an image and make it clickable (link to Google).
35. Add an image with a missing src and give it a proper alt text.
36. Create a table with 2 rows and 2 columns.
37. Add a table with a header row using <th>.
38. Create a table with 3 columns: Name, Age, Country.
39. Add borders to a table using border=”1″.
40. Create a table with one cell spanning 2 columns using colspan.
Intermediate Questions
1. Create an ordered list of 5 car brands and change the numbering type
(e.g., Roman numerals).
2. Create an unordered list of 5 subjects and use a square bullet style.
3. Make a nested list of “Frontend” (HTML, CSS, JavaScript) and
“Backend” (Node.js, MongoDB, MySQL).
4. Create a description list (<dl>) for 5 programming concepts.
5. Create an anchor link at the top of the page that jumps to the bottom
section.
6. Add a download link for a file named resume.pdf.
7. Create a link with both href and title attributes.
8. Make a link to an external site and style it as bold text.
9. Create a link that opens a YouTube video in a new tab.
10. Add a relative link to images/picture.jpg.
11. Insert an image and align it to the center using HTML attributes.
12. Create an image that links to another section of the same page.
13. Create a table with 4 rows and 3 columns showing “Students &
Marks”.
14. Add a table with both column headers (<th>) and data (<td>).
15. Use rowspan to merge two rows in a table.
16. Add cellspacing and cellpadding attributes to a table.
17. Create a table with borders, column headers, and at least 5 rows of
data.
Advanced Questions
1. Create a nested list that represents a menu (Main: Food → Fruits,
Vegetables; Drinks → Tea, Coffee).
2. Build a list of links inside an unordered list (like a navigation menu).
3. Create an ordered list where one item itself contains an unordered list.
4. Add multiple anchor links on the page for “Home, About, Contact”
sections.
5. Create an image that acts as a download link (click image → download
file).
6. Build a student result table with rowspan and colspan for subject-wise
marks.
7. Create a styled table with borders, background colors, and alternate
row shading using CSS.
HTML Assignment – 3
Basic Questions
1. Create a simple HTML form with a single text input field for entering a
username.
2. Build a form with a password input field that hides typed characters.
3. Make a form that includes two text fields: First Name and Last Name.
4. Add a submit button in a form that sends data when clicked.
5. Create a form with a reset button that clears the inputs.
6. Create a form with radio buttons for selecting gender (Male/Female).
7. Make a form with checkboxes for selecting hobbies (e.g., Reading, Sports,
Coding).
8. Add a form with a file upload input to let users upload a profile picture.
9. Use the <label> tag to correctly label a text input field.
10. Create a dropdown menu using <select> with options for choosing a
country.
11. Build a form that includes a textarea for user comments.
12. Create a form with a button element labelled “Click Me”.
13. Add a required attribute in a text input field for entering a name.
14. Build a form with type=”email” input and test validation.
15. Create a form with a number input for entering age.
16. Add a date picker input to select a birthdate.
17. Create a form with a time input for selecting appointment time.
18. Add a colour input where users can pick a favourite color.
19. Create a range input for selecting volume level (1-100).
20. Use <fieldset> and <legend> to group personal details inputs (name,
email).
Intermediate Questions
1. Create a login form with username and password fields, and a submit
button.
2. Create a contact form containing Name, Email, Phone, and Message
fields.
3. Add radio buttons for “Payment Method” (Credit Card, UPI, Cash on
Delivery).
4. Use checkboxes for selecting multiple languages (English, Hindi, French,
Spanish).
5. Create a form where the age input is restricted between 18-60 using
min and max attributes.
6. Build a form that has pattern validation for a 10-digit phone number.
7. Create a file upload form where only PDF files are allowed using the
accept attribute.
8. Add a dropdown to select a user’s profession (Student, Teacher,
Developer, Designer).
9. Create a form that disables the submit button until terms & conditions
are checked.
10. Build a form using <fieldset> and <legend> for grouping address details.
11. Create a form where email input must follow correct
format (e.g., [email protected]).
12. Add a placeholder attribute in inputs for guiding user entries.
13. Create a form using password input with a “Confirm Password” field.
14. Make a form with a reset button and test clearing inputs.
15. Create a newsletter signup form with Name, Email, and a Subscribe
button.
16. Add a disabled input field in a form (show readonly behavior).
17. Create a form with hidden input fields (like a user ID).
18. Add a form where the range input shows values from 1 to 10 for
rating experience.
19. Design a colour picker form allowing users to set background colour.
20. Build a form using tel input type for phone number formatting.
