Markdown Examples Gallery

Discover a curated collection of Markdown examples, from basic formatting to advanced LaTeX equations and code blocks. Preview and copy syntax for your projects.

Filter by Tags

Basic Markdown Table

Create simple tables with column alignment for organizing data. Try our table generator tool for faster table creation.

Markdown

| Left | Center | Right |
|:-----|:------:|------:|
|Left  |Center  |Right  |
|Text  |Text    |Text   |

Preview

LeftCenterRight
LeftCenterRight
TextTextText
tablealignmentbasic

Complex Table with Formatting

Advanced table with inline formatting, icons, and multiple rows. Use our table generator to build complex tables quickly.

Markdown

| Feature | Basic | Pro | Enterprise |
|---------|:-----:|:---:|:----------:|
| Storage | 10 GB ⚡ | 100 GB 🚀 | Unlimited 💫 |
| **Users** | 1 | 10 | Unlimited |
| *Speed* | Standard | Fast | Fastest |
| Support | ✅ | ✅ | ✅ |

Preview

FeatureBasicProEnterprise
Storage10 GB ⚡100 GB 🚀Unlimited 💫
Users110Unlimited
SpeedStandardFastFastest
Support
tableformattingadvanced

Table with LaTeX Equations

Combine tables with LaTeX for scientific data presentation.

Markdown

| Variable | Formula | Value |
|:---------|:--------|------:|
| Energy   | $E = mc^2$ | 9.0 × 10^16 J |
| Force    | $F = ma$   | 100 N |
| Sum      | $$\sum_{i=1}^n i$$ | 5050 |

Preview

VariableFormulaValue
EnergyE=mc2E = mc^29.0 × 10^16 J
ForceF=maF = ma100 N
Sumi=1ni\sum_{i=1}^n i5050
tablelatexscientific

Text Emphasis and Formatting

Various ways to emphasize and format text in Markdown.

Markdown

**Bold Text** or __Bold Text__
*Italic Text* or _Italic Text_
***Bold and Italic*** or ___Bold and Italic___
~~Strikethrough Text~~

<span style="color: red">Red text</span>
<mark>Highlighted text</mark>

Preview

Bold Text or Bold Text Italic Text or Italic Text Bold and Italic or Bold and Italic Strikethrough Text

Red text Highlighted text

textformattingbasichtml

Subscript and Superscript

Format text as subscript or superscript for chemical formulas and exponents.

Markdown

HTML subscript: H<sub>2</sub>O
HTML superscript: x<sup>2</sup>

LaTeX subscript: $x_1$
LaTeX superscript: $x^2$

Preview

HTML subscript: H2O HTML superscript: x2

LaTeX subscript: x1x_1 LaTeX superscript: x2x^2

textsubscriptsuperscriptlatex

Advanced Lists and Tasks

Create nested lists, task lists, and mixed-type lists.

Markdown

- [ ] Main Task 1
  - [x] Subtask 1.1 (completed)
  - [ ] Subtask 1.2
- [x] Main Task 2
  1. First ordered subtask
     * Unordered item
     * Another item
  2. Second ordered subtask

Preview

  • Main Task 1
    • Subtask 1.1 (completed)
    • Subtask 1.2
  • Main Task 2
    1. First ordered subtask
      • Unordered item
      • Another item
    2. Second ordered subtask
listtasksnested

Code Blocks with Syntax Highlighting

Display code with language-specific syntax highlighting.

Markdown

```javascript
// Function with modern syntax
const greet = (name) => {
  console.log(`Hello, ${name}!`);
};

const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2);
```

```python
# Python example
def fibonacci(n):
    a, b = 0, 1
    while a < n:
        print(a, end=' ')
        a, b = b, a + b
```

Preview

// Function with modern syntax
const greet = (name) => {
console.log(`Hello, ${name}!`);
};
const numbers = [1, 2, 3];
const doubled = numbers.map(n => n * 2);
# Python example
def fibonacci(n):
a, b = 0, 1
while a < n:
print(a, end=' ')
a, b = b, a + b
codesyntaxhighlighting

SQL Code Block

Display SQL queries with syntax highlighting.

Markdown

```sql
SELECT first_name, last_name, email
FROM users
WHERE active = true
ORDER BY last_name ASC
LIMIT 10;
```

Preview

SELECT first_name, last_name, email
FROM users
WHERE active = true
ORDER BY last_name ASC
LIMIT 10;
codesqldatabase

Mathematical Formulas

Write mathematical equations using LaTeX syntax.

Markdown

Inline formula: $E = mc^2$

Block formula:
$$
\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

Multiple equations:
$$
\begin{cases}
x + y = 10 \\
2x - y = 5
\end{cases}
$$

Preview

Inline formula: E=mc2E = mc^2

Block formula:

b±b24ac2a\frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

Multiple equations:

{x+y=102xy=5\begin{cases} x + y = 10 \\ 2x - y = 5 \end{cases}
mathlatexequations

Advanced LaTeX Equations

Complex mathematical expressions with integrals and limits.

Markdown

Integral: $$\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}$$

Limit: $$\lim_{x \to \infty} \frac{1}{x} = 0$$

Summation: $$\sum_{n=1}^\infty \frac{1}{n^2} = \frac{\pi^2}{6}$$

Preview

Integral: 0ex2dx=π2\int_0^\infty e^{-x^2} dx = \frac{\sqrt{\pi}}{2}

Limit: limx1x=0\lim_{x \to \infty} \frac{1}{x} = 0

Summation: n=11n2=π26\sum_{n=1}^\infty \frac{1}{n^2} = \frac{\pi^2}{6}

mathlatexadvanced

Academic Writing Features

Features for academic writing including footnotes, citations, and references.

Markdown

Here's a sentence with a footnote[^1].

Use citations[^cite1] in your text.

[^1]: This is the footnote content.
[^cite1]: Author, Title, Journal (Year)

> Blockquote for citations
> Multiple lines
> With attribution — *Famous Author*

Preview

Here's a sentence with a footnote1.

Use citations2 in your text.

Blockquote for citations Multiple lines With attribution — Famous Author

Footnotes

  1. This is the footnote content.

  2. Author, Title, Journal (Year)

academicfootnotescitations

Extended Markdown Features

Advanced features like definition lists, abbreviations, and custom containers.

Markdown

Term 1
: Definition 1
: Multiple definitions

*[HTML]: Hyper Text Markup Language
*[CSS]: Cascading Style Sheets

:::note
Custom container for notes
:::

:::warning
Warning container
:::

Preview

Term 1 : Definition 1 : Multiple definitions

*[HTML]: Hyper Text Markup Language *[CSS]: Cascading Style Sheets

Custom container for notes

Warning container

extendeddefinitionscontainers

Greek Letters for Scientific Writing

How to write Greek letters in markdown for academic papers and scientific documentation.

Markdown

**Lowercase Greek Letters:**
$\alpha$ (alpha), $\beta$ (beta), $\gamma$ (gamma), $\delta$ (delta)
$\epsilon$ (epsilon), $\theta$ (theta), $\lambda$ (lambda), $\mu$ (mu)
$\pi$ (pi), $\sigma$ (sigma), $\tau$ (tau), $\phi$ (phi)

**Uppercase Greek Letters:**
$\Alpha$ (Alpha), $\Beta$ (Beta), $\Gamma$ (Gamma), $\Delta$ (Delta)
$\Theta$ (Theta), $\Lambda$ (Lambda), $\Pi$ (Pi), $\Sigma$ (Sigma)

**Common in Physics:**
- $\pi \approx 3.14159$ (Pi)
- $\alpha$ (alpha particle)
- $\beta$ (beta decay)
- $\gamma$ (gamma ray)

Preview

Lowercase Greek Letters: α\alpha (alpha), β\beta (beta), γ\gamma (gamma), δ\delta (delta) ϵ\epsilon (epsilon), θ\theta (theta), λ\lambda (lambda), μ\mu (mu) π\pi (pi), σ\sigma (sigma), τ\tau (tau), ϕ\phi (phi)

Uppercase Greek Letters: A\Alpha (Alpha), B\Beta (Beta), Γ\Gamma (Gamma), Δ\Delta (Delta) Θ\Theta (Theta), Λ\Lambda (Lambda), Π\Pi (Pi), Σ\Sigma (Sigma)

Common in Physics:

  • π3.14159\pi \approx 3.14159 (Pi)
  • α\alpha (alpha particle)
  • β\beta (beta decay)
  • γ\gamma (gamma ray)
greeklettersacademicphysics

How to Make Text Bold in Markdown

Two simple ways to create bold text for emphasis in your markdown documents.

Markdown

**Double asterisk bold text**
__Double underscore bold text__

**Bold** mixed with *italic* text
**Bold _italic_ combination**

**Bold headers work too:**
**Important:** This is a bold prefix

In **bold sentences** you can emphasize words.

Multi-word **bold phrases are easy** to create.

Preview

Double asterisk bold text Double underscore bold text

Bold mixed with italic text Bold italic combination

Bold headers work too: Important: This is a bold prefix

In bold sentences you can emphasize words.

Multi-word bold phrases are easy to create.

boldtextformattingbasic

How to Make Text Italic in Markdown

Two ways to create italic text for emphasis and proper formatting.

Markdown

*Single asterisk italic text*
_Single underscore italic text_

*Italic* combined with **bold** text
***Bold and italic together***

*Emphasis* in sentences
Use *italics* for book titles: *The Great Gatsby*

_Scientific names_ are often italicized: _Homo sapiens_

*Multi-word italic phrases* work perfectly.

Preview

Single asterisk italic text Single underscore italic text

Italic combined with bold text Bold and italic together

Emphasis in sentences Use italics for book titles: The Great Gatsby

Scientific names are often italicized: Homo sapiens

Multi-word italic phrases work perfectly.

italictextformattingemphasis

How to Create Links in Markdown

Different ways to add clickable links to your markdown documents. Our link generator tool can help create properly formatted links.

Markdown

**Basic Links:**
[Link text](https://markdownlivepreview.dev)
[Link with title](https://markdownlivepreview.dev "MarkdownLivePreview.dev")

**Reference Links:**
[Reference link][ref1]
[Another reference][ref2]

[ref1]: https://markdownlivepreview.dev "Reference 1"
[ref2]: https://markdownlivepreview.dev "Reference 2"

**Auto Links:**
<https://markdownlivepreview.dev>
<[email protected]>

**Internal Links:**
[Examples page](/examples)
[Cheat sheet](/cheatsheet)
linkshyperlinksurlsnavigation

How to Create Headers in Markdown

Six levels of headers to structure your documents with proper hierarchy.

Markdown

# Header Level 1
## Header Level 2  
### Header Level 3
#### Header Level 4
##### Header Level 5
###### Header Level 6

**Alternative Syntax:**
Header 1
========

Header 2
--------

**Headers with Links:**
## [Linked Header](/examples)

**Headers with Emphasis:**
## **Bold Header**
### *Italic Header*

Preview

Header Level 1

Header Level 2

Header Level 3

Header Level 4

Header Level 5
Header Level 6

Alternative Syntax: Header 1

Header 2

Headers with Links:

Linked Header

Headers with Emphasis:

Bold Header

Italic Header

headersheadingsstructurebasic

How to Cross Out Text in Markdown

Create strikethrough text to show deleted or completed content.

Markdown

~~Strikethrough text~~
~~Multiple words strikethrough~~

Mix ~~strikethrough~~ with **bold** and *italic*

**Common Uses:**
- ~~Completed tasks~~
- ~~Old information~~
- ~~Cancelled items~~

**In Lists:**
- [x] ~~Completed item~~
- [ ] Pending item

**Price Updates:**
~~$19.99~~ Now only $14.99!

Preview

Strikethrough text Multiple words strikethrough

Mix strikethrough with bold and italic

Common Uses:

  • Completed tasks
  • Old information
  • Cancelled items

In Lists:

  • Completed item
  • Pending item

Price Updates: ~~19.99  Nowonly19.99~~ Now only 14.99!

strikethroughtextformattingdeletion

How to Create Lists in Markdown

Bullet lists, numbered lists, nested lists, and task lists with checkboxes.

Markdown

**Unordered Lists:**
- Item 1
- Item 2
  - Nested item
  - Another nested item
- Item 3

**Ordered Lists:**
1. First item
2. Second item
   1. Nested numbered item
   2. Another nested item
3. Third item

**Mixed Lists:**
1. Ordered item
   - Unordered sub-item
   - Another sub-item
2. Another ordered item

**Task Lists:**
- [x] Completed task
- [ ] Pending task
- [x] ~~Completed and crossed out~~

Preview

Unordered Lists:

  • Item 1
  • Item 2
    • Nested item
    • Another nested item
  • Item 3

Ordered Lists:

  1. First item
  2. Second item
    1. Nested numbered item
    2. Another nested item
  3. Third item

Mixed Lists:

  1. Ordered item
    • Unordered sub-item
    • Another sub-item
  2. Another ordered item

Task Lists:

  • Completed task
  • Pending task
  • Completed and crossed out
listsnestedtasksorganization

How to Add Line Breaks in Markdown

Three methods to control line spacing and paragraph breaks in your text.

Markdown

**Two Spaces Method:**
Line one  
Line two (note the two spaces above)

**Double Enter Method:**
Line one

Line two (blank line above)

**HTML Break Method:**
Line one<br>
Line two (using HTML br tag)

**Paragraph Breaks:**
This is paragraph one.

This is paragraph two with proper spacing.

Preview

Two Spaces Method: Line one
Line two (note the two spaces above)

Double Enter Method: Line one

Line two (blank line above)

HTML Break Method: Line one
Line two (using HTML br tag)

Paragraph Breaks: This is paragraph one.

This is paragraph two with proper spacing.

linebreaksspacingformattingparagraphs

Math Formula Generator Examples

Ready-to-use mathematical formulas for academic and scientific writing. Test these formulas in our live editor to see the rendered output.

Markdown

**Algebra:**
Quadratic formula: $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$

**Calculus:**
Derivative: $\frac{d}{dx}[f(x)] = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}$

**Physics:**
Einstein's equation: $E = mc^2$
Force equation: $F = ma$

**Statistics:**
Normal distribution: $f(x) = \frac{1}{\sqrt{2\pi\sigma^2}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}$

**Geometry:**
Circle area: $A = \pi r^2$
Pythagorean theorem: $a^2 + b^2 = c^2$

Preview

Algebra: Quadratic formula: x=b±b24ac2ax = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}

Calculus: Derivative: ddx[f(x)]=limh0f(x+h)f(x)h\frac{d}{dx}[f(x)] = \lim_{h \to 0} \frac{f(x+h) - f(x)}{h}

Physics: Einstein's equation: E=mc2E = mc^2 Force equation: F=maF = ma

Statistics: Normal distribution: f(x)=12πσ2e(xμ)22σ2f(x) = \frac{1}{\sqrt{2\pi\sigma^2}} e^{-\frac{(x-\mu)^2}{2\sigma^2}}

Geometry: Circle area: A=πr2A = \pi r^2 Pythagorean theorem: a2+b2=c2a^2 + b^2 = c^2

formulasequationsacademicscience

GitHub Markdown Examples

GitHub-specific markdown features and formatting. Preview how these render in our live editor before using in your GitHub projects.

Markdown

**GitHub Task Lists:**
- [x] @mentions, #refs, [links](), **formatting**, and ~~tags~~ supported
- [x] list syntax required (any unordered or ordered list supported)
- [x] this is a complete item
- [ ] this is an incomplete item

**GitHub Tables:**
| First Header | Second Header |
| ------------ | ------------- |
| Content Cell | Content Cell  |
| Content Cell | Content Cell  |

**Syntax Highlighting:**
```javascript
function hello() {
  console.log("Hello GitHub!");
}
```

**Emoji Support:**
:+1: :sparkles: :camel: :tada: :rocket:

Preview

GitHub Task Lists:

  • @mentions, #refs, links, formatting, and tags supported
  • list syntax required (any unordered or ordered list supported)
  • this is a complete item
  • this is an incomplete item

GitHub Tables:

First HeaderSecond Header
Content CellContent Cell
Content CellContent Cell

Syntax Highlighting:

function hello() {
console.log("Hello GitHub!");
}

Emoji Support: 👍 ✨ 🐫 🎉 🚀

githubfeaturestasksemoji