Markdown syntax cheatsheet

Quick references for headings, emphasis, links, lists, code, blockquotes, horizontal rules, and tables—aligned with GitHub-flavored Markdown used here.

Headings
# H1
## H2
### H3
Emphasis
**bold**  *italic*  ~~strikethrough~~
Links
[label](https://html-viewer.org)
<https://html-viewer.org>
Lists
- item
- item

1. first
2. second
Code
Inline `code`

```ts
const x = 1
```
Blockquote
> Quoted line
> Second line
Horizontal rule
---
Table (GFM)
| A | B |
|---|---|
| 1 | 2 |
GUIDE

Markdown to HTML that still looks designed when you are done

Plenty of converters will turn your `# headings` into `<h1>` tags and call it a day. That is fine for a quick dump, but most publishing workflows need readable typography: comfortable line length, tables that do not collapse into a wall of pipes, and code blocks that do not look like plain paragraphs. This page is built for that second job—convert Markdown to HTML, then leave with markup you are willing to paste into a client site, a newsletter archive, or a Squarespace code block. Everything runs locally after the page loads. Paste from Obsidian, Notion, GitHub, or a plain text file; the parser handles GitHub-flavored Markdown, including pipe tables and fenced code. Heading IDs are generated from the heading text so anchor links survive export. When you are ready, copy a sanitized fragment for a CMS embed or download a full HTML document with your chosen theme and custom styles baked into one `<style>` block.

Markdown to HTML converter with live preview and one-click style presets

Polished layout, not just a tag translation

Our differentiation is simple: conversion plus presentation. Pick a preview theme (GitHub-like, serif document, night mode, or minimal), then apply a one-click style preset—Magazine, Rose editorial, Blog pro, and others—to fill the Custom CSS panel instantly. You see the layout change in the preview before you copy anything. That is the “one-click layout” part: you are not hand-writing twenty rules for table borders on a deadline. If you need finer control, edit the CSS directly. On a full document export, the built-in theme and your custom rules are merged into the downloaded HTML, so the file opens with the same look you approved in the tool. Fragment export stays structural only—clean tags for Squarespace, WordPress, or any HTML embed—while full export is for standalone previews, handoffs, or opening in the homepage playground.

Security is handled the way publishing tools should: DOMPurify strips risky markup while keeping tables, links, lists, code blocks, and heading IDs. Raw HTML view lets you inspect `<thead>` / `<tbody>` before paste. Switch between Preview and Raw HTML from the panel header; switch between Markdown and Custom CSS on the input side. No account, no upload queue, no “install Pandoc first” detour.

Open the converter
🌱

One-click style presets

Eight ready-made CSS layouts fill Custom CSS in one click. Preview updates immediately so you can compare Rose, Ocean, or CMS polish without hunting a GitHub gist for Markdown CSS.

🔬

GFM tables you can verify

The sample document includes a table. Edit it, watch cells render in Preview, then confirm the HTML structure before it goes into a page builder.

💫

Two export shapes

HTML fragment for embed blocks; full HTML document when you need embedded styles in a single file or Preview HTML on the main playground.

FEATURES

Markdown to HTML tables for Squarespace and similar CMS pages

Pipe tables from your draft become real `<table>` markup. Pick fragment export, paste into a Code or HTML block, and preview on the live site—templates still have the final say, but you start from clean structure instead of fighting a WYSIWYG table tool.

Markdown input beside rendered HTML preview with table styling

Layout you can see before paste

Live preview runs in a sandboxed iframe. Tables, blockquotes, and fenced code update as you type. Themes set a baseline; style presets layer editorial layout in one click. What you see is what you get on a full document export—not a separate mystery stylesheet.

How to convert Markdown to HTML

Paste or write Markdown

Paste or write Markdown

Start from the sample or paste your own file. The default includes a GFM table, nested lists, a blockquote, and a fenced code block so you can test the pieces you actually use.

Choose layout in one click

Choose layout in one click

Select a preview theme, then open Style presets if you want a finished look fast—Magazine, Soft card, Startup, and others write CSS into the Custom CSS tab. Switch to Preview on the right to approve typography before export.

Pick fragment or full document

Pick fragment or full document

Fragment for CMS code blocks (structure only). Full document when the file should open with your theme and custom CSS already in the `<head>`. Raw HTML shows exactly what will be copied or downloaded.

Copy, download, or open in playground

Copy, download, or open in playground

Copy HTML for the clipboard, download a `.html` file, or use Preview HTML to continue on the homepage playground. Icon-only copy, download, and clear buttons sit next to the export dropdown when you want a compact toolbar.

Common questions about this Markdown to HTML tool

GET STARTED

Convert Markdown to HTML with layout you can trust

Themes, one-click presets, GFM tables, fragment or full export—free, no signup.

Markdown to HTML

Free
  • One-click style presets for polished output
  • GFM tables with live preview
  • Fragment or full HTML export
  • Runs in the browser after load
Open tool

Confirm embed rules in your CMS before publishing.

Markdown to HTML converter call to action
Client-side

From notes app to paste-ready HTML

Convert, style in the preview, then copy or download—without a local toolchain.