HTML5 Cheat Sheet: Essential Tag Reference Guide
Bookmark this page to quickly look up syntax and tags while writing your HTML templates. Below are the most frequently used HTML5 elements categorized by their structural and presentation roles.
1. Document Structure & Metadata
| Tag | Name | Description |
<!DOCTYPE html> | Doctype Declaration | Tells the browser to use standards-compliant HTML5 rendering |
<html> | Root Element | The wrapper surrounding all page content |
<head> | Head Metadata | Holds page configurations, title, styles, and viewport limits |
<body> | Body Container | Holds the visible page content |
<meta> | Meta Tag | Stores encoding, viewport, SEO keywords, or descriptions |
2. Page Layout & Landmarks
| Tag | Name | Description |
<header> | Header | Introductory bar (logo, main titles, core navigation) |
<nav> | Navigation | Navigation menu links wrapper |
<main> | Main Body | Contains the unique, main content of the document |
<article> | Article | Self-contained item (blog post, forum topic, card) |
<section> | Section | Generically groups related content together |
<aside> | Aside | Secondary content (sidebar, promo box, ads) |
<footer> | Footer | Copyrights, legal links, contact directories |
3. Text Formatting Elements
| Tag | Name | Description |
<h1> to <h6> | Headings | Logical document header levels (H1 is the primary title) |
<p> | Paragraph | A block of text |
<strong> | Strong Importance | Renders text bold, indicating structural significance |
<em> | Emphasis | Renders text italic, indicating conversational stress |
<code> | Code Inline | Renders monospace text representing a line of code |
<pre> | Preformatted Text | Preserves original source code spaces and line breaks |
4. Hyperlinks & Multi-Media
| Tag | Name | Description |
<a href="..."> | Anchor Link | Hyperlink leading to another page, file, or anchor |
<img src="..." alt="..."> | Image Tag | Embeds an image (always specify an alt description) |
<video controls> | Video Tag | Embeds an MP4 or WebM video with control buttons |
<audio controls> | Audio Tag | Embeds an audio file player |
5. List Elements
| Tag | Name | Description |
<ul> | Unordered List | Creates a bulleted list |
<ol> | Ordered List | Creates a numbered list |
<li> | List Item | Specifies an entry inside a <ul> or <ol> container |
Published on