HTML

Lessons

1. 1Your First Web PageYou'll create a .html file, learn the basic structure every page shares, and open it in a browser. No server is needed.
2. 2Text & HeadingsYou'll learn the elements for headings, paragraphs, quotes and other kinds of text. Choosing the right one helps browsers, search engines and screen readers understand your page.
3. 3Links & ImagesYou'll learn how to link pages together with <a> and add images with <img>, including the alt text that makes images accessible.
4. 4Lists & TablesYou'll learn how to mark up ordered and unordered lists, and how to build tables for tabular data. Tables are for data only, not for page layout.
5. 5FormsForms are how users send you information, from search boxes to sign-up pages. You'll learn the main input types, labels and built-in validation.
6. 6Semantic HTMLSemantic HTML means choosing elements that describe their content, such as <nav>, <main> and <article>, instead of using <div> for everything. It makes pages easier to navigate with assistive technology and easier to maintain.
7. 7Mini Project: Personal PageYou'll build a complete personal homepage using semantic HTML. It covers structure only; styling comes in the CSS track.
8. 8HTML CheatsheetDocument structure, semantic tags, and forms on one page.

Install it on your own computer

You only need a text editor and a web browser, which you probably already have. Save a file with a .html extension and open it in your browser to see it rendered. You do not need this to follow the lessons: the examples run in your browser.

# You need: a text editor and a browser
# Text editor options:
#   VS Code (recommended): code.visualstudio.com
#   Notepad (built-in — not recommended)

# Create hello.html in VS Code
# Open it in Chrome/Firefox/Edge
# Done — no compilation needed

# Optional: Live Server VS Code extension
# (auto-refreshes the browser when you save)

What people build with HTML

Learn the basics first, then pick up these tools when a project needs them.