HTML Cheat Sheet
Complete HTML reference with all tags and elements
HTML Cheat Sheet
Quick reference guide for HTML tags and elements. Click the copy button to copy any command.
90
Total Commands
90
Filtered Results
Document Structure
| Command | Copy | Description |
|---|---|---|
<!DOCTYPE html> | HTML5 document type declaration | |
<html></html> | Root element of an HTML page | |
<head></head> | Contains meta information about the document | |
<title></title> | Specifies the title shown in browser tab | |
<body></body> | Contains the visible page content | |
<meta charset="UTF-8"> | Specifies character encoding for the document | |
<meta name="viewport" content="width=device-width"> | Makes page responsive on mobile devices |
Headings
| Command | Copy | Description |
|---|---|---|
<h1></h1> | Largest heading (most important) | |
<h2></h2> | Second level heading | |
<h3></h3> | Third level heading | |
<h4></h4> | Fourth level heading | |
<h5></h5> | Fifth level heading | |
<h6></h6> | Smallest heading (least important) |
Text Formatting
| Command | Copy | Description |
|---|---|---|
<p></p> | Paragraph of text | |
<br> | Line break (single line) | |
<hr> | Horizontal rule/divider | |
<strong></strong> | Bold text (important) | |
<b></b> | Bold text (stylistic) | |
<em></em> | Emphasized text (italic, important) | |
<i></i> | Italic text (stylistic) | |
<u></u> | Underlined text | |
<mark></mark> | Highlighted text | |
<small></small> | Smaller text | |
<del></del> | Deleted text (strikethrough) | |
<ins></ins> | Inserted text (underlined) | |
<sub></sub> | Subscript text | |
<sup></sup> | Superscript text |
Links
| Command | Copy | Description |
|---|---|---|
<a href="url">text</a> | Creates a hyperlink | |
<a href="url" target="_blank">text</a> | Opens link in new tab | |
<a href="#id">text</a> | Links to element with specific ID on same page | |
<a href="mailto:email">text</a> | Creates email link | |
<a href="tel:phone">text</a> | Creates phone number link |
Images
| Command | Copy | Description |
|---|---|---|
<img src="url" alt="description"> | Embeds an image | |
<img src="url" width="100" height="100"> | Image with specific dimensions | |
<figure></figure> | Groups media content | |
<figcaption></figcaption> | Caption for figure element |
Lists
| Command | Copy | Description |
|---|---|---|
<ul></ul> | Unordered (bulleted) list | |
<ol></ol> | Ordered (numbered) list | |
<li></li> | List item | |
<dl></dl> | Description list | |
<dt></dt> | Term in description list | |
<dd></dd> | Description in description list |
Tables
| Command | Copy | Description |
|---|---|---|
<table></table> | Creates a table | |
<thead></thead> | Table header group | |
<tbody></tbody> | Table body group | |
<tfoot></tfoot> | Table footer group | |
<tr></tr> | Table row | |
<th></th> | Table header cell | |
<td></td> | Table data cell | |
<caption></caption> | Table caption |
Forms
| Command | Copy | Description |
|---|---|---|
<form></form> | Creates a form | |
<input type="text"> | Text input field | |
<input type="email"> | Email input field | |
<input type="password"> | Password input field | |
<input type="number"> | Number input field | |
<input type="checkbox"> | Checkbox input | |
<input type="radio"> | Radio button input | |
<input type="submit"> | Submit button | |
<textarea></textarea> | Multi-line text input | |
<button></button> | Clickable button | |
<select></select> | Dropdown list | |
<option></option> | Option in dropdown list | |
<label></label> | Label for form element | |
<fieldset></fieldset> | Groups related form elements | |
<legend></legend> | Caption for fieldset |
Semantic HTML5
| Command | Copy | Description |
|---|---|---|
<header></header> | Header section of page or section | |
<nav></nav> | Navigation links section | |
<main></main> | Main content of document | |
<article></article> | Self-contained content | |
<section></section> | Thematic grouping of content | |
<aside></aside> | Content aside from main content | |
<footer></footer> | Footer section of page or section | |
<details></details> | Expandable details widget | |
<summary></summary> | Summary/caption for details element | |
<time></time> | Date/time information |
Media
| Command | Copy | Description |
|---|---|---|
<video></video> | Embeds video content | |
<audio></audio> | Embeds audio content | |
<source> | Specifies media source | |
<track> | Text tracks for video/audio | |
<iframe></iframe> | Embeds another HTML page | |
<embed> | Embeds external content |
Scripting
| Command | Copy | Description |
|---|---|---|
<script></script> | Embeds JavaScript code | |
<noscript></noscript> | Content shown if scripts are disabled | |
<canvas></canvas> | Graphics container for drawing |
Other
| Command | Copy | Description |
|---|---|---|
<div></div> | Generic container (block level) | |
<span></span> | Generic container (inline) | |
<code></code> | Inline code snippet | |
<pre></pre> | Preformatted text | |
<blockquote></blockquote> | Block quotation | |
<!-- comment --> | HTML comment (not displayed) |
All operations are performed locally in your browser. No data is sent to any server.
About HTML Cheat Sheet
This section will contain detailed, SEO-friendly content about the HTML Cheat Sheet.
In the future, this content will be managed through a headless CMS, allowing you to:
- Add detailed explanations about how to use this tool
- Include examples and use cases
- Provide tips and best practices
- Add FAQs and troubleshooting guides
- Update content without touching the code
How to Use
Step-by-step instructions for using the HTML Cheat Sheet will appear here. This content will be fully customizable through the admin panel.
Features
Key features and benefits of this tool will be listed here. All content is editable via the CMS.