Cheat Sheets

HTML Cheat Sheet

Quick reference for HTML elements and attributes — from document structure and text formatting to forms, tables, media, and semantic layout.

SQLPythonPower BIDAXM CodeMicrosoft FabricSnowflakeDatabricksGitVS CodeVimHomebrewHTMLCSS3JSONJavaJavaScriptAI PromptsMarkdownData Warehouse

Structure. Semantics. Content.

Document Structure
<!DOCTYPE><html><head><body><title><meta charset><meta viewport><!-- -->
Text & Formatting
<p><br><hr><strong><b><em><i><u><mark><del><ins><small><sup><sub><code><pre><kbd><blockquote>
Headings
<h1><h2><h3><h4> – <h6>
Links
<a>target="_blank"Email linkPhone linkAnchor linkrel="noopener"
Images & Media
<img>loading="lazy"<figure><picture><video><audio><iframe><canvas>
Semantic Layout
<div><span><header><nav><main><article><section><aside><footer><details>
Tables
<table><thead><tbody><tfoot><tr><th><td>colspanrowspan<caption>
Lists
<ul><ol><li><dl><dt><dd>
Forms
<form><label><input><textarea><select><option><button><fieldset><datalist>
Input Types
textpasswordemailnumbertelurlsearchcheckboxradiorangecolordatetimedatetime-localfilehiddensubmitreset
Input Attributes
placeholderrequireddisabledreadonlyautofocusautocompleteminlength / maxlengthmin / maxsteppatternmultiplechecked
Script & Style
<script> inline<script> external<style><link> stylesheet<link> favicondeferasync
Meta & SEO
descriptioncanonicalrobotsog:titleog:descriptionog:imageog:urltwitter:cardtwitter:image