HTML logo

HTML Notes

14 chapters · Beginner to Advanced · Always free

HTML notes are coming soon
These chapter notes are actively being written. Chapter outlines and topics are listed below. Subscribe to be notified when each chapter drops.
Enrol in the Full Web Development Course
Structured curriculum · Projects · All levels covered
View Course →

Course Outline

14 chapters planned. Full lesson notes being written now.

1

Introduction to HTML

What HTML is, how browsers parse it, and the role of HTML in the web stack.

What is HTML?Document structurehtml/head/body tags
Coming Soon
2

HTML Elements & Tags

Understanding opening/closing tags, self-closing elements, and nesting rules.

Element syntaxSelf-closing tagsNestingComments
Coming Soon
3

Headings & Paragraphs

Using h1–h6 headings with proper hierarchy and paragraphs with spacing.

h1–h6p tagbrhrHeading hierarchy
Coming Soon
4

Links & Navigation

Creating internal and external hyperlinks, navigation menus and accessibility.

a hreftarget="_blank"rel="noopener"NavigationSkip links
Coming Soon
5

Images & Media

Embedding images, setting dimensions, writing descriptive alt text and lazy loading.

img tagsrc/alt/width/heightLazy loadingPicture elementSVG
Coming Soon
6

Lists — Ordered & Unordered

Building bullet lists, numbered lists and definition lists for structured content.

ul/ol/lidl/dt/ddNested lists
Coming Soon
7

Tables

Structuring tabular data with thead, tbody, tfoot, rowspan and colspan.

table/tr/td/ththead/tbody/tfootcolspan/rowspanAccessible tables
Coming Soon
8

Forms & Inputs

Building accessible forms with labels, input types, validation and fieldsets.

forminput typeslabeltextareaselectbuttonfieldset
Coming Soon
9

Semantic HTML5 Elements

Using article, section, aside, header, footer, nav and main correctly.

header/footer/nav/mainarticle/section/asidefigure/figcaptiontime
Coming Soon
10

HTML Attributes

Global attributes like id, class, style, data-*, tabindex, and hidden.

idclassstyledata-*tabindexhiddencontenteditable
Coming Soon
11

HTML & SEO

Meta tags, Open Graph, Twitter Cards, canonical URLs and structured data.

titlemeta descriptionog: tagscanonicalrobots meta
Coming Soon
12

HTML Accessibility

ARIA roles and labels, semantic elements, keyboard navigation and screen readers.

aria-labelrolealt textskip navigationlang attribute
Coming Soon
13

HTML Best Practices

Clean code principles: consistent indentation, meaningful IDs, avoiding inline styles.

Code styleMeaningful namesPerformanceValidation
Coming Soon
14

Mini Project: Profile Card

Build a complete semantic HTML profile card with image, bio, links and accessibility.

Putting it all together
Coming Soon
Ready to go deeper?
The full HTML notes are coming soon. In the meantime, try our other complete courses or project libraries.
Python Notes → JavaScript Notes →