HTML Docs

HTML (HyperText Markup Language) is the standard markup language used to create and structure content on the web.

Creator: Tim Berners-Lee Profile
WHATWG Spec Repo

Core Concepts & Setup

What is HTML

Standard markup language for creating webpages.

History of HTML

Created by Tim Berners-Lee in 1991.

Setup & Structure

Basic HTML template with DOCTYPE, html, head, body.

Hello World Page

Creating your first HTML document.

Elements & Tags

HTML Tags

Structure pages using elements & attributes.

Headings & Paragraphs

Text formatting using h1–h6 and p tags.

Lists (ul/ol)

Create ordered & unordered lists.

Links & Images

Anchor, img, and absolute vs relative paths.

Tables

Structure tabular data with table, tr, td.

Attributes Deep Dive

Global attributes: id, class, style, title, lang, data-*.

Layout & Media

Divs & Spans

Block vs inline elements.

Semantic Elements

header, nav, main, footer, article, section.

Forms & Inputs

Collect user data using form, input, textarea.

Advanced Form Controls

Input types: email, date, color, range, validation.

Audio & Video

Embed media using audio and video tags.

Advanced Concepts

HTML5 APIs

Canvas, Geolocation, Drag & Drop, etc.

Meta Tags & SEO

Improve indexing & sharing (title, description).

Entities & Symbols

Display reserved characters in HTML.

HTML & CSS Integration

Style HTML using internal, external, inline CSS.

Accessibility (a11y)

Accessibility Basics

Use alt, labels, roles for better a11y.

ARIA Roles

Accessible Rich Internet Applications attributes.

Best Practices

Deprecated & Obsolete Tags

Avoid outdated tags like <marquee>, <center>.

Code Validation

W3C Validator & clean coding practices.

Performance Tips

Use async/defer, responsive images, preload.

Internationalization (i18n)

UTF-8, lang attribute, RTL support.