Bahasa

Referensi Cepat HTML & CSS

Cheat sheet siap cetak untuk Referensi Cepat HTML & CSS, disusun untuk pencarian cepat, belajar, dan referensi di meja

Sumber: MDN Web Docs (developer.mozilla.org)
Lisensi: MIT
Diperbarui: 2026-03-27

Contoh

Isi cheat sheet ini

Struktur HTML
Elemen Umum
Form
HTML Semantik
Selector CSS
Box Model
Flexbox
Grid
Positioning
Media Query

<!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>

Unduh cheat sheet lengkap dengan semua bagian, siap cetak

Unduh PDF

Unduhan

Pilih varian yang sesuai dengan cara Anda membaca

Direkomendasikan

Standar

Hitam-putih, hemat tinta. Pilihan default untuk printer laser dan fotokopi

Terbaik untuk Cetakan dan referensi di meja

PDF 1 halaman Letter lanskap

Unduh PDF
Warna

Aksen warna hangat untuk membaca di layar atau printer warna

Terbaik untuk Membaca di layar atau printer warna

PDF 1 halaman Letter lanskap

Unduh PDF
Kartu Referensi

Kepadatan maksimum, layout 4 kolom. Semua dalam satu halaman

Terbaik untuk Pemindaian cepat dan penggunaan kertas minimum

PDF 1 halaman Letter lanskap

Unduh PDF

Referensi Cepat HTML & CSS

Isi cheat sheet ini

Pilih varian yang sesuai dengan cara Anda membaca

Standar

Warna

Kartu Referensi