Basic HTML Cheat Sheet
Created on Aug 14, 2025
A pocket reference for writing clean, modern HTML in seconds.
Includes skeleton markup, common tags, attributes, and quick patterns.
Perfect for beginners and speedy refreshers alike.
HTML Skeleton
<!doctype html>
<html lang="en">
content="width=device-width, initial-scale=1">
<head>
<title>Page
<!-- content Title</title>
here -->
<meta
</head>
</body> charset="utf-8">
<meta name="viewport"
Most-Used
<body>
</html> Tags
Headings: <h1>-<h6> · Paragraph: <p> · Link: <a href="..."> · Image: <img src="..." a
· List: <ul>/<ol>/<li> · Button: <button> · Div/Span: <div>/<span>
Forms (Quick)
<form action="/submit" method="post">
<label>Email <input type="email" name="email"
required></label>
<button type="submit">Send</button>
Tables (Quick)
</form>
<table>
<thead><tr><th>Item</th><th>Qty</th></tr></thead>
<tbody><tr><td>Pen</td><td>2</td></tr></tbody>
</table>
Semantic HTML
<header>, <nav>, <main>, <section>, <article>, <aside>, <footer> improve accessibi
Attributes You ll Use Daily
id, class, href, src, alt, title, type, value, placeholder, required, disabled, aria-*
Fav Snippets
<a href="#top">Jump to top</a> · <img loading="lazy"> · <meta name="description" c
· <link rel="preconnect" href="https://...">
