50 HTML Practice Programs with Output
1. Basic Heading
<h1>Welcome</h1>
Expected Output: Large heading displayed
2. Paragraph
<p>This is paragraph.</p>
Expected Output: Paragraph text displayed
3. Line Break
Hello<br>World
Expected Output: Text appears in two lines
4. Horizontal Line
<hr>
Expected Output: Horizontal line displayed
5. Bold Text
<b>Bold</b>
Expected Output: Bold text shown
6. Italic Text
<i>Italic</i>
Expected Output: Italic text shown
7. Underline Text
<u>Underline</u>
Expected Output: Underlined text shown
8. Center Text
<center>Hello</center>
Expected Output: Centered text displayed
9. Font Color
<font color="red">Red Text</font>
Expected Output: Red colored text
10. Background Color
<body bgcolor="yellow">
Expected Output: Yellow background
11. Image Tag
<img src="[Link]" width="200">
Expected Output: Image displayed
12. Hyperlink
<a href="[Link]
Expected Output: Clickable link
13. Email Link
<a href="[Link]
Expected Output: Opens mail app
14. Ordered List
<ol><li>HTML</li></ol>
Expected Output: Numbered list
15. Unordered List
<ul><li>CSS</li></ul>
Expected Output: Bullet list
16. Nested List
<ul><li>Programming<ul><li>Python</li></ul></li></ul>
Expected Output: Nested bullet list
17. Table
<table border='1'><tr><td>A</td></tr></table>
Expected Output: Simple table
18. Table Heading
<th>Name</th>
Expected Output: Table heading
19. Rowspan
<td rowspan='2'>A</td>
Expected Output: Cell spans rows
20. Colspan
<td colspan='2'>A</td>
Expected Output: Cell spans columns
21. Simple Form
<form><input type='text'></form>
Expected Output: Textbox form
22. Password Box
<input type='password'>
Expected Output: Password field
23. Radio Button
<input type='radio'>
Expected Output: Radio button
24. Checkbox
<input type='checkbox'>
Expected Output: Checkbox displayed
25. Submit Button
<input type='submit'>
Expected Output: Submit button
26. Reset Button
<input type='reset'>
Expected Output: Reset button
27. Dropdown List
<select><option>HTML</option></select>
Expected Output: Dropdown menu
28. Textarea
<textarea></textarea>
Expected Output: Multi-line textbox
29. Audio Tag
<audio controls></audio>
Expected Output: Audio player
30. Video Tag
<video controls></video>
Expected Output: Video player
31. Iframe
<iframe src='[Link]
Expected Output: Embedded webpage
32. Marquee
<marquee>Welcome</marquee>
Expected Output: Moving text
33. Div Tag
<div>Section</div>
Expected Output: Block section
34. Span Tag
<span>Inline</span>
Expected Output: Inline section
35. Semantic Header
<header>Header</header>
Expected Output: Header section
36. Semantic Footer
<footer>Footer</footer>
Expected Output: Footer section
37. Navigation Bar
<nav>Home About</nav>
Expected Output: Navigation area
38. Article Tag
<article>News</article>
Expected Output: Article section
39. Section Tag
<section>Content</section>
Expected Output: Content section
40. Details Tag
<details><summary>Click</summary>Info</details>
Expected Output: Expandable content
41. Progress Bar
<progress value='70' max='100'></progress>
Expected Output: Progress bar
42. Meter Tag
<meter value='0.6'></meter>
Expected Output: Meter gauge
43. HTML Entities
© 2026
Expected Output: Copyright symbol
44. Superscript
x<sup>2</sup>
Expected Output: Superscript displayed
45. Subscript
H<sub>2</sub>O
Expected Output: Subscript displayed
46. Quotation
<q>Hello</q>
Expected Output: Quoted text
47. Abbreviation
<abbr title='HyperText'>HTML</abbr>
Expected Output: Abbreviation tooltip
48. Canvas Tag
<canvas></canvas>
Expected Output: Drawing area
49. SVG Circle
<svg><circle cx='50' cy='50' r='40'/></svg>
Expected Output: Circle shape
50. Simple Resume
<h1>Name</h1><p>Skills</p>
Expected Output: Resume webpage