Introduction

I’ve spent years building websites and mentoring developers. Starting with HTML can feel confusing at first, but it doesn’t have to. Each course here is short, practical, and focused.

You’ll practice through assignments in every lesson, so you’re not just reading but actually coding. Along the way, you’ll build a simplified Wikipedia-style page about Scarlett Johansson 😊. This will give you a real structure to work with and prepare you for your own project at the end.

Course Path

1. Understanding HTML
2. Setting Up HTML in Notepad
3. Adding a Horizontal Line
4. Why Some Tags Don’t Need Closing
5. HTML Heading
6. Adding Extra Info with Tooltips
7. Adding Images in a Website
8. Setting Up VS Code
9. Adding Image from Your Folder in HTML
10. Figure and Figure Caption
11. HTML List
12. HTML Tables
13. Table Header and Table Footer
14. HTML Table Colspan and Rowspan
15. HTML Links
16. HTML Form
17. HTML Basics
18. HTML Div
19. HTML Span
20. HTML Semantic Tags

Final Project

By the time you complete the path, you’ll already have built a Wikipedia-style Scarlett Johansson page through the assignments.

Your final step will be creating your own biography page from scratch. It will include headings, paragraphs, images, lists, tables, links, and a form.

The goal isn’t to design something flashy, but to understand the foundation that every professional website is built on. Once you have this foundation, CSS and JavaScript will feel much easier to pick up.