HTML Fundamentals

Master everything inside the HTML head element — charset, viewport, title, meta description, stylesheet linking, and correct script placement for fast-loading pages.

Learn the six heading levels, the one-h1 rule, paragraphs, line breaks, and horizontal rules — the fundamental building blocks of text structure in HTML.

Master every HTML inline text element — strong vs b, em vs i, mark, sub, sup, abbr, cite, blockquote, code, pre, kbd, and more — and learn why semantic choice matters.

Master HTML anchor tags — absolute vs relative paths, opening links safely in new tabs, mailto and tel links, linking to page sections with IDs, and the download attribute.

Master HTML images with proper alt text, responsive images with srcset and picture, lazy loading, and embedding audio and video the right way.

Test your HTML foundations knowledge — 18 questions on DOCTYPE, head elements, heading hierarchy, text formatting, links, images, and media.

Master all three HTML list types — unordered, ordered, and description lists — plus nested lists and the real-world situations each list type is designed for.

Master HTML tables — thead, tbody, tfoot, tr, th, td, colspan, rowspan, caption, and when tables are appropriate vs when CSS layout is the right tool.

Build HTML forms from the ground up — form action and method, label and input pairing for accessibility, and all essential input types from text to color, range, and file.

Complete your form toolkit — textarea, select, checkbox, radio, button types, fieldset, datalist, and all the validation attributes that make forms both functional and user-friendly.

Learn why semantic HTML matters and master every landmark element — header, nav, main, article, section, aside, footer, address, time, and figure — for SEO, accessibility, and professional code quality.

Master every global HTML attribute — id, class, style, title, hidden, tabindex, contenteditable, draggable — plus custom data-* attributes and a practical intro to ARIA.

Checkpoint quiz covering lists, tables, forms, semantic HTML, and global attributes — 18 questions to confirm your HTML knowledge before the final stretch.

Master HTML entities for reserved characters, typographic symbols, and special glyphs — know when to use entities vs. UTF-8 characters directly.

Learn to write HTML that works for everyone — semantic structure, ARIA patterns, keyboard navigation, focus management, color contrast, and how to test with a real screen reader.

Apply every HTML concept from Section 2 to build a fully semantic, accessible static profile page — then push it to GitHub as the first piece of your portfolio.

Build a full, deployed freelancer landing page — hero, services, about, testimonials, and contact form — using semantic HTML and ARIA, then ship it live on GitHub Pages.

Comprehensive 28-question review of all HTML fundamentals from Section 2 — document structure, text, links, images, lists, tables, forms, semantic elements, attributes, ARIA, entities, and accessibility.