Languages

HTML & CSS Cheat Sheet

Print-ready cheat sheet for HTML & CSS, organized for fast lookup, study, and desk-side use

Source: MDN Web Docs (developer.mozilla.org)
License: MIT
Updated: 2026-03-27

Sample

What's in this cheat sheet

HTML Structure
Common Elements
Forms
Semantic HTML
CSS Selectors
Box Model
Flexbox
Grid
Positioning
Media Queries

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0">
  <title>Page Title</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <h1>Hello World</h1>
  <script src="app.js"></script>
</body>
</html>

Download the full cheat sheet for all sections, formatted for print

Download PDF

Downloads

Choose the treatment that matches how you read

Recommended

Standard

B&W, ink-efficient. The default for laser printers and photocopies

Best for Printouts and desk-side reference

PDF 1 page Letter landscape

Download PDF
Color

Warm color accents for on-screen reading or color printers

Best for Screen reading or color printers

PDF 1 page Letter landscape

Download PDF
Reference Card

Maximum density, 4-column layout. Everything on one page

Best for Fast scanning and minimum paper use

PDF 1 page Letter landscape

Download PDF

HTML & CSS Cheat Sheet

What's in this cheat sheet

Choose the treatment that matches how you read

Standard

Color

Reference Card