Markdown Preview
Write Markdown and preview HTML output in real-time with syntax reference guide.
Headings
# H1Heading level 1 — largest## H2Heading level 2### H3Heading level 3#### H4Heading level 4##### H5Heading level 5###### H6Heading level 6 — smallestEmphasis & inline formatting
**bold**Bold text*italic*Italic text***bold italic***Bold and italic`code`Inline code>blockquoteBlockquote~~strikethrough~~Strikethrough textLists
- itemUnordered list item (also * or +)1. itemOrdered list item - nestedNested list — indent with 2 spaces- [x] doneChecked task list item- [ ] todoUnchecked task list itemLinks & images
[text](url)Inline link[text](url "title")Link with tooltip titleImage[ref]: urlReference-style link definition[text][ref]Reference-style link usage<https://url>Auto-linked URLCode blocks
```jsFenced code block with language```Fenced code block (no language) indented4-space indented code block```mermaidRenders as a diagram, not as code — the fence is what turns it onTables, rules & misc
---Horizontal rule (also *** or ___)\Trailing backslash — forces a line break| col | col |Table row| --- | --- |Table separator row (required)| :-- | --: |Left-align / right-align column Non-breaking space (HTML entity)Examples — click to load
Headings with #, bold with **, a bullet list, and a blockquote.
All inline styles: **bold**, *italic*, ***both***, ~~strikethrough~~, and backtick `code`.
Unordered lists with -, ordered with 1., nested with 2-space indent, and task lists with - [x].
Inline code with backticks, fenced blocks with ```language, and 4-space indented blocks.
Tag a fenced block mermaid and it renders as a diagram — flowcharts, sequence, class, state, gantt, pie and the rest. Build one in the Diagram Creator.
Tables need a header row, a separator row with ---, then data rows. Use :---, :---:, ---: for alignment.
A realistic README combining headings, code blocks, ordered steps, task lists, a rule, a blockquote, and a link.