⚡ 100% In-Browser & Private: Your data never leaves your computer. Powered by Cloudflare Edge CDN.
ProWebTools PRO
Developer & SEO Utilities
25+ Rules

Markdown & GFM Syntax Cheat Sheet

The complete GitHub Flavored Markdown (GFM) reference: headings, formatting, tables with text alignment, code block languages, callouts, and collapsible details with 1-click copy.

Headings & Text Structure (5 commands)

Headings & Text Structure
# Heading 1 ## Heading 2 ### Heading 3 #### Heading 4

Creates semantic HTML5

through

heading elements.

PRO TIP Always include a space after # symbols. Use only one H1 per document for SEO.
Headings & Text Structure
**Bold Text** or __Bold Text__

Renders text in strong bold weight ().

PRO TIP Double asterisks ** are universally preferred over double underscores __.
Headings & Text Structure
*Italic Text* or _Italic Text_

Renders text in italicized emphasis ().

PRO TIP Combine with bold: ***Bold and Italic***.
Headings & Text Structure
~~Strikethrough Text~~

GFM strikethrough styling ().

PRO TIP Useful for changelogs, deprecated features, and completed tasks.
Headings & Text Structure
Subscript: H~2~O | Superscript: X^2^

Extended markdown syntax for mathematical subscript and superscript.

PRO TIP Supported in Pandoc, Obsidian, and Markdown-it extensions.

Lists & Task Checkboxes (3 commands)

Lists & Task Checkboxes
- Unordered Item 1 - Unordered Item 2 - Nested Sub-item

Unordered bulleted list. Can also use * or + as bullet markers.

PRO TIP Indent 2 or 4 spaces to create nested sub-lists.
Lists & Task Checkboxes
1. First step 2. Second step 3. Third step

Ordered numerical list (

    ).

PRO TIP Markdown automatically increments numbers even if you type 1. for every item.
Lists & Task Checkboxes
- [x] Completed task - [ ] Pending task item

GFM interactive task checklist with clickable checkboxes.

PRO TIP Extensively supported in GitHub, GitLab, and Jira markdown previews.

Links & Images (3 commands)

Links & Images
[Anchor Text](https://example.com "Optional Tooltip")

Standard hyperlink with clickable anchor text.

PRO TIP Add a title in quotes after the URL for accessible hover tooltips.
Links & Images
![Alt Text describing image](https://example.com/logo.png)

Embeds an image. Preceded by an exclamation mark (!).

PRO TIP Always provide informative alt text for accessibility and image SEO.
Links & Images
[![Alt Text](thumb.jpg)](https://example.com/video)

Clickable image link (image wrapped inside an anchor tag).

PRO TIP Standard pattern for YouTube video preview thumbnails in README files.

Code & Syntax Highlighting (3 commands)

Code & Syntax Highlighting
`const app = express();`

Inline code snippet wrapped in single backticks (`).

PRO TIP Use when referencing file names, variable names, or terminal flags inline.
Code & Syntax Highlighting
```javascript function greet(name) { return `Hello, ${name}!`; } ```

Fenced multi-line code block with syntax highlighting identifier.

PRO TIP Specify language slug (javascript, python, bash, json, sql, css, html).
Code & Syntax Highlighting
``Use `backticks` inside code block``

Wrap in double backticks to write literal backtick characters within inline code.

PRO TIP Prevents unwanted closing of markdown inline code.

Tables & Alignment (1 commands)

Tables & Alignment
| Feature | Status | Speed | | :--- | :---: | ---: | | Edge SSG | Active | 0ms | | API Node | Ready | 12ms |

GFM markdown table: :--- is left align, :---: is center, ---: is right align.

PRO TIP Dashes define column count; vertical pipes separate individual cells.

Blockquotes & GitHub Alerts (3 commands)

Blockquotes & GitHub Alerts
> [!NOTE] > Highlights useful information that users should know.

Modern GitHub Flavored Markdown NOTE callout banner.

PRO TIP Renders as an eye-catching blue alert box on GitHub and documentation sites.
Blockquotes & GitHub Alerts
> [!WARNING] > Critical alert about potential breaking changes.

GitHub Flavored Markdown WARNING callout banner (rendered in yellow/amber).

PRO TIP Supported alert types: [!NOTE], [!TIP], [!IMPORTANT], [!WARNING], [!CAUTION].
Blockquotes & GitHub Alerts
> This is a standard blockquote citation. >> Nested secondary quotation.

Standard blockquote tag (

) with optional multi-level nesting.

PRO TIP Use for quoting customer reviews, documentation excerpts, or chat transcripts.

Collapsible Details & Footnotes (2 commands)

Collapsible Details & Footnotes
<details> <summary>Click to view secret code</summary> ```bash npm run build:prod ``` </details>

Collapsible toggle accordion natively supported in GitHub markdown and modern browsers.

PRO TIP Leave a blank line after so markdown inside renders correctly.
Collapsible Details & Footnotes
Here is a statement needing citation.[^1] [^1]: Reference: RFC 7231 Hypertext Transfer Protocol.

Markdown footnote reference and matching bibliography entry.

PRO TIP Numbered automatically in markdown engines that support footnotes.