HTML • 60 Chapters
Complete HTML Course
Complete HTML course with 60 chapters covering the HTML Living Standard, semantic structure, links, media, tables, forms, accessibility, responsive images, RTL, metadata, security-oriented attributes, performance markup, validation, and publishing.
Chapter 1: HTML and the Web Document
What HTML Does, HTML as a Living Standard, Elements Tags and Content, Attributes and Values, How Browsers Parse HTML
Open chapterChapter 2: Creating a Complete HTML Document
DOCTYPE, html Element, head Element, body Element, Document Nesting Rules
Open chapterChapter 3: Character Encoding and Language
UTF-8 Charset, lang Attribute, dir Attribute, bdi Element, bdo Element
Open chapterChapter 4: Page Titles and Metadata
title Element, meta Description, Viewport Meta, Author and Robots Metadata, Theme Color Metadata
Open chapterChapter 5: Headings and Paragraphs
h1 through h6, p Element, Heading Hierarchy, Paragraph Boundaries, Readable Content Structure
Open chapterChapter 6: Text-Level Semantics
strong Element, em Element, mark Element, small Element, s Element
Open chapterChapter 7: Quotations and Citations
blockquote, q Element, cite Element, abbr Element, dfn Element
Open chapterChapter 8: Code and Technical Text
code Element, pre Element, kbd Element, samp Element, var Element
Open chapterChapter 9: Lists
Unordered Lists, Ordered Lists, List Items, Description Lists, Nested Lists
Open chapterChapter 10: Links and Navigation
a Element, Relative and Absolute URLs, target and rel, download Attribute, Navigation Link Patterns
Open chapterChapter 11: Semantic Page Regions
header Element, nav Element, main Element, footer Element, address Element
Open chapterChapter 12: Sections and Articles
section Element, article Element, aside Element, Heading Sections, Choosing div or Semantic Elements
Open chapterChapter 13: Generic Containers
div Element, span Element, Grouping Content, Class and ID Hooks, Avoiding Meaningless Wrappers
Open chapterChapter 14: Images
img Element, src Attribute, alt Text, width and height, loading and decoding
Open chapterChapter 15: Responsive Images
srcset, sizes, picture Element, source Element, Art Direction
Open chapterChapter 16: Figure Content
figure Element, figcaption Element, Images with Captions, Code Figures, Multiple Media in a Figure
Open chapterChapter 17: Audio
audio Element, source for Audio, controls, preload, Audio Fallback Content
Open chapterChapter 18: Video
video Element, Video Sources, controls and poster, preload and playsinline, Video Fallback Content
Open chapterChapter 19: Tracks and Captions
track Element, kind Attribute, srclang, label Attribute, Default Text Track
Open chapterChapter 20: Tables Fundamentals
table Element, caption Element, tr Element, th Element, td Element
Open chapterChapter 21: Accessible Tables
thead tbody and tfoot, scope Attribute, Headers Relationships, Complex Table Structure, Table Captions and Context
Open chapterChapter 22: Forms Fundamentals
form Element, action Attribute, method Attribute, Form Submission, GET vs POST
Open chapterChapter 23: Labels and Form Grouping
label Element, for Attribute, fieldset Element, legend Element, Grouping Related Controls
Open chapterChapter 24: Text Inputs
input type text, email Input, url Input, tel Input, search Input
Open chapterChapter 25: Numeric and Date Inputs
number Input, range Input, date Input, time Input, datetime-local Input
Open chapterChapter 26: Choice Controls
checkbox Input, radio Input, select Element, option Element, optgroup Element
Open chapterChapter 27: Textarea and Buttons
textarea, button Element, Button Types, Form Reset, Submit Buttons
Open chapterChapter 28: Form Validation
required, minlength and maxlength, min max and step, pattern, Constraint Validation Messages
Open chapterChapter 29: Form Autofill and Input Hints
autocomplete, inputmode, placeholder, autocapitalize, enterkeyhint
Open chapterChapter 30: File and Color Inputs
file Input, accept Attribute, multiple Files, color Input, File Upload Form Encoding
Open chapterChapter 31: Datalist Output Progress and Meter
datalist, output, progress, meter, Choosing Native Form Widgets
Open chapterChapter 32: Form Association and Advanced Attributes
form Attribute, formaction, formenctype, formmethod, formnovalidate
Open chapterChapter 33: Global Attributes
id, class, title Attribute, hidden, tabindex
Open chapterChapter 34: Custom Data and Editable Content
data-* Attributes, contenteditable, spellcheck, translate Attribute, draggable Attribute
Open chapterChapter 35: Details and Summary
details Element, summary Element, open Attribute, Disclosure Patterns, Nested Details
Open chapterChapter 36: Dialog and Popover
dialog Element, Open Dialog Markup, popover Attribute, popovertarget, Choosing Dialog or Popover
Open chapterChapter 37: Embedded Pages and Frames
iframe Element, src and srcdoc, title for Frames, loading iframe, sandbox Attribute
Open chapterChapter 38: Embedding External Resources
embed Element, object Element, Fallback Content, MIME type Hints, When to Prefer iframe
Open chapterChapter 39: SVG inside HTML
Inline svg, viewBox, Accessible SVG Titles, SVG Links, HTML and SVG Namespaces
Open chapterChapter 40: MathML inside HTML
Inline math, MathML Semantics, Fractions and Scripts, Accessible Math Context, MathML with Surrounding HTML
Open chapterChapter 41: Language and Internationalization
hreflang, ruby and rt, time Element, data Element, Locale-Aware Page Structure
Open chapterChapter 42: Bidirectional and RTL HTML
dir rtl, dir auto, bdi for User Content, bdo for Forced Direction, LTR Islands inside RTL Pages
Open chapterChapter 43: Accessibility Foundations
Document Language, Landmark Elements, Accessible Names, Keyboard-Friendly Native Controls, Meaningful Link Text
Open chapterChapter 44: Accessible Images and Media
Informative Alt Text, Decorative Images, Captions and Subtitles, Audio Alternatives, Avoiding Text inside Images
Open chapterChapter 45: Accessible Forms
Explicit Labels, Instructions and Help Text, Error Identification, Required Field Communication, Accessible Grouping
Open chapterChapter 46: SEO-Friendly HTML
Unique title, Meta Description, Semantic Headings, Canonical Link, Crawlable Links
Open chapterChapter 47: Structured Data in HTML
JSON-LD Script, Schema Context, Article Markup, Breadcrumb Markup, Validating Structured Data
Open chapterChapter 48: Social Sharing Metadata
Open Graph Title, Open Graph Description, Open Graph Image, Twitter Card Metadata, Keeping Social Metadata Consistent
Open chapterChapter 49: Resource Loading Markup
link stylesheet, script defer, script async, module Scripts, noscript
Open chapterChapter 50: Performance-Oriented HTML
preconnect, dns-prefetch, preload, fetchpriority, Lazy Loading
Open chapterChapter 51: Security-Oriented HTML
rel noopener, referrerpolicy, iframe sandbox, CSP Meta Limitations, Safe External Links
Open chapterChapter 52: Templates and Slots
template Element, Template Content, slot Element, Named Slots, Declarative Shadow DOM Concepts
Open chapterChapter 53: Custom Elements in Markup
Valid Custom Element Names, Using Custom Elements, Attributes on Custom Elements, Fallback Meaning, Progressive Enhancement
Open chapterChapter 54: Microdata
itemscope, itemtype, itemprop, itemid, Microdata vs JSON-LD
Open chapterChapter 55: Modern Select and Native UI
selectedcontent Element, Customizable Select Concepts, option Content, Browser Support Checks, Progressive Enhancement
Open chapterChapter 56: Web App Metadata
link rel manifest, Application Icons, Theme Color, Apple Touch Icon Considerations, Installable App Markup Boundaries
Open chapterChapter 57: Obsolete and Risky HTML
Obsolete Presentational Elements, Deprecated Attributes, Avoiding Layout Tables, Avoiding marquee-like Content, Replacing Old Markup with Semantic HTML
Open chapterChapter 58: Validation and Debugging
Validator Errors, Unclosed Elements, Invalid Nesting, Duplicate IDs, Accessibility Inspection
Open chapterChapter 59: Production HTML Architecture
Reusable Page Skeleton, Consistent Metadata, Navigation Consistency, Content-First Markup, Performance and Accessibility Checklist
Open chapterChapter 60: Capstone Pages and Publishing Checklist
Article Page, Course Lesson Page, Accessible Contact Form, Media-Rich Landing Page, Final Production Review
Open chapter