HTML Basics Explained — Build Your First Web Page

Learn HTML from scratch: document structure, essential tags, attributes, and how to build your very first web page. Beginner-friendly with a live code sandbox.

HTML Text & Headings Explained — Your Complete Guide

Learn HTML headings (h1-h6), paragraphs, lists, and semantic text tags. Step-by-step guide with examples, common mistakes, and practice exercises.

HTML Links & Images Explained — Complete Beginner's Guide

Learn how to create HTML links with anchor tags, embed images with proper attributes, use file paths, and follow accessibility best practices. Step-by-step with examples.

HTML Styles & Colors Explained — Inline CSS Guide

Learn how to add style to HTML with inline CSS — colors, backgrounds, fonts, text alignment, and borders. Step-by-step with live examples.

HTML Lists Explained — Unordered, Ordered & Description Lists

Learn HTML lists — unordered (bullets), ordered (numbers), nested, and description lists. Step-by-step guide with examples, styling tips, and accessibility best practices.

HTML Tables Explained — Rows, Columns & Data Display

Learn HTML tables — rows, columns, headers, colspan, rowspan, table sections, and basic styling. Step-by-step guide with live examples.

HTML Forms Explained — Input Types, Validation & Best Practices

Learn HTML forms — text fields, checkboxes, radio buttons, dropdowns, validation, labels, and form structure. Step-by-step guide with live sandbox.

HTML Quotations & Comments Explained — Blockquote, Cite, Abbr

Learn HTML quotation elements — blockquote, q, cite, abbr, address, bdo, and HTML comments. Step-by-step with examples and accessibility tips.

HTML Block & Inline Elements Explained — Div, Span & Display

Learn the difference between block-level and inline HTML elements, how div and span work, and computer code elements like code, pre, kbd, and samp.

HTML Details, Dialog & Popover — Interactive Elements Guide

Learn HTML interactive elements — details/summary disclosure widgets, dialog modals, the Popover API, and keyboard focus management with tabindex and autofocus.

HTML Classes & Id Explained — CSS Targeting & Anchor Links

Learn HTML class and id attributes — how to use classes for reusable styling and unique ids for targeting single elements with CSS, JavaScript, and anchor links.

HTML Buttons Explained — Types, Styling & Accessibility

Learn HTML buttons — the button element vs input button, button types (submit, reset, button), CSS styling, and accessibility best practices.

HTML Iframes Explained — Embed Content & Security

Learn HTML iframes — how to embed web pages, YouTube videos, Google Maps, and the sandbox attribute for security. Step-by-step with examples.

HTML & JavaScript Explained — Script Tags, Events & Best Practices

Learn how to add JavaScript to HTML — script tags, placement (head vs body), async/defer, event handlers, and the noscript element for fallback content.

HTML File Paths & URL Encoding Explained

Learn absolute vs relative file paths in HTML, how URL encoding works for special characters, and best practices for organizing files in your project.

HTML Head & Favicon Explained — Meta Tags, Title & Style Guide

Learn the HTML head section — meta tags, title, charset, viewport, Open Graph, favicon setup, and HTML style guide best practices.

HTML Entities & Symbols Explained — Special Characters & Emojis

Learn HTML entities for special characters — reserved characters, symbols, currency signs, mathematical operators, non-breaking spaces, and emojis.

Responsive HTML Explained — Mobile-First Design Guide

Learn responsive HTML — viewport meta tag, responsive images with srcset and picture, fluid layouts with media queries, and mobile-first design principles.

HTML Graphics Explained — Canvas & SVG for Beginners

Learn HTML graphics — Canvas vs SVG, drawing shapes with JavaScript, creating vector graphics with SVG, and when to use each for your web projects.

HTML Video, Audio & YouTube Embed — Complete Guide

Learn HTML media — embed video and audio with HTML5 elements, add captions with WebVTT, embed YouTube videos, and make everything responsive and accessible.

HTML APIs Explained — Geolocation, Storage, Drag & Drop & More

Learn HTML browser APIs — Geolocation (get user location), Web Storage (localStorage and sessionStorage), Drag & Drop, Web Workers, and Server-Sent Events with practical examples.

Semantic HTML Explained — Build Meaningful Web Pages

Learn semantic HTML — header, nav, main, article, section, aside, footer, figure, mark, time, and address. Improve SEO, accessibility, and code readability with meaningful page structure.

HTML & SEO — The Complete On-Page Optimization Guide

Learn HTML SEO — meta tags, title tags, Open Graph, structured data (JSON-LD), canonical URLs, heading hierarchy, image alt text, internal linking, and on-page optimization best practices.

HTML Accessibility (a11y) — Complete Beginner's Guide

Learn HTML accessibility — semantic landmarks, ARIA attributes, alt text, keyboard navigation, focus management, color contrast, and screen reader best practices for inclusive web design.

HTML Style Guide — Clean, Maintainable Code Standards

Learn HTML best practices — DOCTYPE, lowercase tags, quoted attributes, proper indentation, semantic elements, accessibility basics, performance tips, and code validation for clean maintainable HTML.

HTML5 Tag Reference — Complete Element Cheatsheet

Complete HTML5 tag reference organized by category — document structure, metadata, content sections, text, tables, forms, media, scripting, interactive elements, global attributes, and deprecated tags.

HTML Canvas Deep Dive — Drawing, Animation & Interaction

Learn HTML Canvas API in depth — drawing shapes, paths, curves, text, images, transformations, animations, interactive graphics, and pixel manipulation with JavaScript.

MathML Guide — Math Formulas & Equations in HTML

Learn MathML — write fractions, radicals, integrals, matrices, and mathematical formulas directly in HTML using the Mathematical Markup Language.