HTML & Web Fundamentals
Checking access...
HTML (HyperText Markup Language) is the foundation of every website. It provides the structure and meaning behind the content you see in your browser. This module teaches you HTML from absolute zero — no prior experience needed.
What You’ll Learn
| Lesson | Topics |
|---|---|
| Setting Up Your Environment | VS Code installation, extensions (Live Server, Prettier), creating your first file, browser setup |
| HTML Document Structure | <!DOCTYPE html>, <html>, <head>, <body>, meta tags, page titles |
| Text & Content Elements | Headings (h1-h6), paragraphs, bold/italic, line breaks, horizontal rules, comments |
| Links & Navigation | Anchor tags (<a>), absolute vs relative paths, target attributes, internal page links |
| Images & Media | <img>, <figure>, <figcaption>, alt text best practices, <video>, <audio> |
| Lists & Tables | Ordered/unordered lists, nested lists, <table>, <tr>, <td>, <th>, colspan/rowspan |
| Forms & Input | <form>, <input> types, <textarea>, <select>, <button>, labels, form validation |
| Semantic HTML & Accessibility | <header>, <nav>, <main>, <section>, <article>, <aside>, <footer>, ARIA basics |
| Project: Personal Portfolio Page | Build a complete multi-section portfolio page using everything you’ve learned |
Module Pages
| Page | What You’ll Learn |
|---|---|
| Setting Up Your Environment | Install VS Code, Node.js, Live Server extension, and browser DevTools |
| HTML Document Structure | DOCTYPE, head/body, meta tags, and the anatomy of an HTML file |
| Text & Content Elements | Headings, paragraphs, text formatting, and HTML comments |
| Links & Navigation | Anchor tags, URL paths, opening in new tabs, page navigation |
| Images & Media | Images, figures, video, audio, and accessibility best practices |
| Lists & Tables | Ordered/unordered lists, nested lists, table structure and spanning |
| Forms & Input Elements | Form structure, all input types, validation, and accessible forms |
| Semantic HTML & Accessibility | HTML5 semantic tags, screen reader considerations, ARIA landmarks |
| Project: Personal Portfolio | Build and publish your first complete web page |
Key Takeaways
By the end of this module, you’ll be able to write clean, semantic HTML pages, build forms with proper validation, embed media content, and create accessible web pages that work for all users.