markdown-crash-course icon indicating copy to clipboard operation
markdown-crash-course copied to clipboard

Markdown Crash Course

Video Course

Thumbnail


Basic Syntax

Headings

Below are 6 heading variations.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Horizontal Rule

3 dashes creates a horizontal line.


Text formating

Paragraph line spacing is important. This sentence is on the same line even though it's on the next line of the editor because there's no separation of content.

Add an empty line between elements.

italic text and more italic text

bold text and more bold text

bold and italic text

mix and match

~~strikethrough text~~

Lists

Ordered List

  1. Item 1
  2. Item 2
  3. Item 3

Unordered List

  • Item
  • Item
  • Item

Code formating

Inline: Use JavaScript map() on arrays.

Fenced code block:

const sum = (a, b) => a + b

sum(2,2)

Blockquote

This is a blockquote

more text

Nexted blockquote

Links

codeSTACKr

Headings

codeSTACKr

Images

alt text

alt text

Extended Syntax

Not all extended syntax features work in all markdown applications.

Table

Packages Description Version
React JavaScript Framework v18.0
Next.js React Framework v12.0

Task List

  • [x] Task 1
  • [ ] Task 2
  • [ ] Task 3

Emoji

Emoji's are fun! :joy:

Comments

Toggle

:zap: This is a toggle!

Contents of toggle.

Callouts

:bulb: Tip: Here's an important tip to remember!

Table of Contents

  • Basic Syntax
    • Headings
    • Horizontal Rule
    • Text formating
    • Lists
    • Code formating
    • Blockquote
    • Links
    • Images
  • Extended Syntax
    • Table
    • Task List
    • Highlight
    • Emoji
    • Comments
    • Toggle
    • Callouts
    • Table of Contents