📋 What You'll Learn

📰

Basic Syntax

Headers, text formatting, lists, and links

📊

Tables & Data

Creating and formatting tables and data structures

💻

Code & Technical

Code blocks, syntax highlighting, and technical formatting

🎨

Advanced Tips

Best practices and professional techniques

📰 Basic Markdown Syntax

📋 Headers

Markdown:

# Main Title (H1)
## Section Header (H2)
### Subsection (H3)
#### Sub-subsection (H4)
##### Minor Header (H5)
###### Smallest Header (H6)

Result:

Main Title (H1)

Section Header (H2)

Subsection (H3)

Sub-subsection (H4)

Minor Header (H5)
Smallest Header (H6)

✨ Text Formatting

Markdown:

**Bold text**
*Italic text*
***Bold and italic***
~~Strikethrough~~
`Inline code`
> Blockquote text

Result:

Bold text
Italic text
Bold and italic
Strikethrough
Inline code
Blockquote text

📋 Lists, Links & Media

📝 Lists

Markdown:

Unordered List:
- First item
- Second item
  - Nested item
  - Another nested item
- Third item

Ordered List:
1. First step
2. Second step
   1. Sub-step A
   2. Sub-step B
3. Third step

Result:

Unordered List:

  • First item
  • Second item
    • Nested item
    • Another nested item
  • Third item

Ordered List:

  1. First step
  2. Second step
    1. Sub-step A
    2. Sub-step B
  3. Third step

🔗 Links & Images

Markdown:

Links:
[Link text](https://example.com)
[Link with title](https://example.com "Title")

Auto-link:
https://example.com

Images:
![Alt text](image.jpg)
![Alt text](image.jpg "Title")

Result:

Links:

Link text
Link with title

Auto-link:

https://example.com

Images:

🖼️ Image placeholder
(Images would display here)

💻 Tables & Code Blocks

📊 Tables

Markdown:

| Header 1 | Header 2 | Header 3 |
|----------|----------|----------|
| Row 1 | Data A | Data B |
| Row 2 | Data C | Data D |
| Row 3 | Data E | Data F |

Alignment:
| Left | Center | Right |
|:-----|:------:|------:|
| L1 | C1 | R1 |
| L2 | C2 | R2 |

Result:

Header 1 Header 2 Header 3
Row 1 Data A Data B
Row 2 Data C Data D
Row 3 Data E Data F
Left Center Right
L1 C1 R1
L2 C2 R2

💾 Code Blocks

Markdown:

Inline code: `console.log()`

Code block:
```
function hello() {
  console.log("Hello World!");
}
```

With syntax highlighting:
```javascript
function hello() {
  console.log("Hello World!");
  return true;
}
```

Result:

Inline code: console.log()

Code block:

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

With syntax highlighting:

function hello() {
  console.log("Hello World!");
  return true;
}

🎨 Advanced Tips & Best Practices

📌 Document Structure

  • Consistent Headers: Use logical hierarchy (H1 → H2 → H3)
  • White Space: Add blank lines between sections
  • TOC Friendly: Use descriptive header text
  • Section Flow: Organize content logically
  • Front Matter: Include title, date, author at top
💡 Pro Tip:

Start with an outline using headers, then fill in content. This ensures better document structure.

⚡ Performance & Efficiency

  • Keyboard Shortcuts: Learn Ctrl+B, Ctrl+I, Ctrl+K
  • Live Preview: Use to check formatting in real-time
  • Auto-save: Let the app save your work automatically
  • Templates: Start with appropriate document templates
  • Batch Editing: Use find & replace for bulk changes
🚀 Speed Boost:

Master the formatting toolbar to format text 3x faster than typing markdown syntax.

🎯 Export Quality

  • Preview First: Always check preview before exporting
  • Image Links: Verify all images display correctly
  • Link Testing: Check that all links work
  • Format Choice: Pick the right export format for your use
  • Metadata: Set title, author, and date before export
⚠️ Quality Check:

Test your document in the target environment (Word, web browser, etc.) to ensure compatibility.

❌ Common Mistakes to Avoid

  • Missing Spaces: Add space after # for headers
  • List Indentation: Use 4 spaces for nested lists
  • Table Formatting: Keep pipe symbols aligned
  • Code Blocks: Use ``` not `` for multi-line code
  • Link Syntax: Don't forget closing parentheses
🔧 Quick Fix:

Use the live preview to spot and fix formatting issues before they become problems.

📋 Quick Reference Cheat Sheet

📝 Text Formatting

**bold** bold
*italic* italic
~~strike~~ strike
`code` code

📋 Lists

- item • item
1. item 1. item
- nested ◦ nested
- [ ] task ☐ task

🔗 Links & Media

[text](url) link
![alt](img.jpg) image
<url> auto-link
> quote blockquote

📊 Structure

# Header 1 H1
## Header 2 H2
--- hr
| table | table