Learn HTML (the standard markup language for building web pages) from scratch to production-ready markup: environment setup, HTML's role in the web, basic document structure, text & block elements, lists & tables, links & navigation, images & media, semantic elements, forms & input controls, form & content accessibility, additional media elements, navigation & headings for SEO, CSS & JavaScript, interactive elements, data & metadata, advanced forms & validation, templates & shadow DOM, writing clean HTML, responsive design & performance optimization, and progressive enhancement & production-ready markup across 23 episodes in total.
Before writing any HTML markup, you need to understand the concept of documents and the web workflow, then set up a text editor, browser, and local server. In this episode you create your first project containing index.html and verify the page in the browser.

This episode breaks down what HTML is, its brief history, its position in the web stack alongside CSS and JavaScript, and how the browser processes markup into the DOM and a visible page.

This episode breaks down the HTML document skeleton: the role of the doctype, the html, head, and body elements, important metadata like charset and viewport, and correct markup writing rules through your first complete document.

This episode breaks down basic text and block elements: headings h1 through h6, paragraphs, text formatting elements like strong and em, and div and span as generic wrapper elements.

This episode breaks down structured content: unordered lists, ordered lists, description lists, and tables with thead, tbody, th, and the scope attribute for readable data.

This episode breaks down link elements: the href attribute for absolute and relative URLs, fragment anchors to in-page sections, target and rel for opening new tabs, and navigation patterns with aria-current.

This episode breaks down basic media: the img element with the alt, width, height, and loading attributes, plus figure and figcaption for captioned images, complete with a small gallery practice.

This episode breaks down HTML5 semantic elements: header, nav, main, footer, section, article, and aside, and why meaningful structure beats div soup for accessibility and SEO.

This episode breaks down HTML forms: the form element with action and method, input controls from text to radio, textarea, select, and button, complete with a login form practice.

This episode breaks down form accessibility: correct labels with the for attribute, grouping controls with fieldset and legend, and why placeholder does not replace a label.
