Day 1 – Introduction & Basics
<!DOCTYPE html>
<html>
<head>
<title>Hello World</title>
</head>
<body>
<h1>Hello World!</h1>
<p>My name is Vijay. I am learning HTML.</p>
<hr>
<p>This is a paragraph.</p>
</body>
</html>
Day 2 – Text Formatting
<!DOCTYPE html>
<html>
<head><title>Text Formatting</title></head>
<body>
<p><b>Bold</b>, <i>Italic</i>, <u>Underline</u>, <mark>Highlighted</mark></p>
<p>H<sub>2</sub>O and X<sup>2</sup></p>
<pre>
Roses are red,
Violets are blue,
I love coding,
And HTML too!
</pre>
</body>
</html>
Day 3 – Links & Images
<!DOCTYPE html>
<html>
<head><title>Links & Images</title></head>
<body>
<h2>My Profile</h2>
<img src="[Link]" alt="My Photo" width="200">
<p>Follow me on <a href="[Link] target="_blank">Instagram</a></p>
</body>
</html>
Day 4 – Lists
<!DOCTYPE html>
<html>
<head><title>Lists</title></head>
<body>
<h2>Shopping List</h2>
<ul>
<li>Fruits
<ul>
<li>Apple</li>
<li>Mango</li>
</ul>
</li>
<li>Vegetables</li>
</ul>
</body>
</html>
Day 5 – Tables
<!DOCTYPE html>
<html>
<head><title>Time Table</title></head>
<body>
<h2>Class Time Table</h2>
<table border="1">
<tr><th>Day</th><th>Subject</th></tr>
<tr><td>Monday</td><td>Math</td></tr>
<tr><td>Tuesday</td><td>Science</td></tr>
</table>
</body>
</html>
Day 6 – Forms
<!DOCTYPE html>
<html>
<head><title>Sign Up Form</title></head>
<body>
<h2>Sign Up</h2>
<form>
Name: <input type="text" name="name"><br>
Email: <input type="email" name="email"><br>
Password: <input type="password" name="pass"><br>
Gender: <input type="radio" name="gender">Male
<input type="radio" name="gender">Female <br>
Hobbies: <input type="checkbox"> Reading
<input type="checkbox"> Sports <br>
<input type="submit" value="Register">
</form>
</body>
</html>
Day 7 – Semantic HTML
<!DOCTYPE html>
<html>
<head><title>Semantic HTML</title></head>
<body>
<header><h1>News Article</h1></header>
<section>
<article>
<h2>Headline</h2>
<p>This is the content of the article.</p>
</article>
</section>
<footer>© 2025 My Website</footer>
</body>
</html>
Day 8 – Media
<!DOCTYPE html>
<html>
<head><title>Media</title></head>
<body>
<h2>My Media</h2>
<video width="320" controls>
<source src="video.mp4" type="video/mp4">
</video>
<audio controls>
<source src="song.mp3" type="audio/mpeg">
</audio>
<iframe width="300" src="[Link]
</body>
</html>
Day 9 – HTML5 Features
<!DOCTYPE html>
<html>
<head><title>HTML5 Features</title></head>
<body>
<form>
Name: <input type="text" required><br>
Age: <input type="number" min="1" max="100"><br>
<input type="submit">
</form>
<progress value="70" max="100"></progress>
</body>
</html>
Day 10 – Final Project
<!DOCTYPE html>
<html>
<head><title>Portfolio</title></head>
<body>
<header><h1>My Portfolio</h1></header>
<section>
<h2>About Me</h2>
<p>I am learning HTML and building websites.</p>
</section>
<section>
<h2>Skills</h2>
<ul><li>HTML</li><li>CSS</li></ul>
</section>
<footer>Contact me at: myemail@[Link]</footer>
</body>
</html>