Markdown Masterclass
A professional guide to every single Markdown feature, optimized for SEO and readability.
Headings
Pro Tip: Use headings to build a document outline. SEO crawlers use these to understand your content hierarchy.
Input
# H1 Heading ## H2 Heading ### H3 Heading
H1 Heading
H2 Heading
H3 Heading
Emphasis
Pro Tip: Use bold for primary keywords and italics for technical terms or cited titles.
Input
**Bold Text** *Italic Text* ~~Strikethrough~~
Bold Text
Italic TextStrikethrough
Lists
Pro Tip: You can nest lists by adding four spaces or a tab before the sub-item.
Input
1. Item One 2. Item Two - Sub-item - Bullet point
- Item One
- Item Two
- Sub-item
- Bullet point
Links & References
Pro Tip: Reference-style links keep your content clean by moving URLs to the bottom of the file.
Images
Common Pitfall: Always include alt-text inside the brackets for accessibility and better SEO.
Input
Blockquotes
Pro Tip: You can nest blockquotes by using `>>`.
Input
> Think different. > -- Steve Jobs
Think different.
-- Steve Jobs
Code & Syntax
Pro Tip: Use the "fenced" style (triple backticks) and name the language for better highlighting.
Input
`inline code` ```javascript const x = 10; ```
inline code
const x = 10;
Tables
Pro Tip: Use colons in the separator row to align text: `:---` (left), `:---:` (center), `---:` (right).
Input
| Feature | Status | | :--- | :---: | | Speed | Fast |
| Feature | Status |
|---|---|
| Speed | Fast |
Horizontal Rules
Pro Tip: Use these to separate major sections within a single page.
Input
---
Task Lists
Pro Tip: Use these for project checklists. They render as interactive checkboxes in most modern viewers.
Input
- [x] Task Done - [ ] Task Pending
Task Done
Task Pending
Footnotes
Pro Tip: Footnotes automatically generate links that jump between the text and the note at the bottom.
Input
Read this[^1]. [^1]: Detailed note.
Read this[1]
1. Detailed note.
Inline HTML
Pro Tip: Use HTML for elements that Markdown doesn't support, like underlining or keyboard keys.
Input
Underline Ctrl + C
Underline
Ctrl + C
Escaping
Common Pitfall: Use a backslash (\) to display characters that are usually reserved for formatting.
Input
\*Not italic\*
*Not italic*
Privacy & Open Source
Privacy Commitment
Markdown Pro Editor is a client-side application. We do not collect, store, or transmit any of your personal details or the content you write. Your data stays entirely within your own browser's local storage.
Open Source
This project is fully open-source and community-driven. You can find the source code, contribute, or report issues on our GitHub repository:
github.com/Bogglo/markdown-pro