# [ Markdown Operations ] ( CheatSheet )
1. Headers
● # Header 1
● ## Header 2
● ### Header 3
● #### Header 4
● ##### Header 5
● ###### Header 6
2. Emphasis
● *italic* or _italic_: Italic
● **bold** or __bold__: Bold
● ***bold italic*** or ___bold italic___: Bold and italic
● ~~strikethrough~~: Strikethrough
3. Lists
● - item or * item: Unordered list
● 1. item: Ordered list
● - [ ] item: Task list unchecked
● - [x] item: Task list checked
4. Links
● [text](URL): Inline link
● [text](URL "title"): Inline link with title
● `[text][ref]: Link reference
● [ref]: URL "title": Link reference definition
5. Images
● : Inline image
● : Inline image with title
● ![alt text][img_ref]: Image reference
● [img_ref]: URL "title": Image reference definition
By: Waleed Mousa
6. Blockquotes
● > Quote: Single line quote
● >> Nested Quote: Nested quote
7. Code
● `code`: Inline code
● code : Inline code block
● javascript: Code block with language (e.g., JavaScript)
● code (indented with 4 spaces): Code block (alternate syntax)
8. Tables
● | Header | Header |: Table header
● | ------ | ------ |: Table alignment (default: left-aligned)
● | Text | Text |: Table row
9. Horizontal Rules
● ---: Horizontal rule
● ***: Alternate horizontal rule
10. Line Breaks
● Text<br>Text: Line break using HTML <br> tag
● Text (with trailing spaces): Markdown line break
11. Advanced Formatting
● * [ ] Task list: Task list
● * [x] Completed task: Checked task list item
● @[username]: Mention (specific to some platforms like GitHub)
● #hashtag: Hashtag (specific to some platforms)
● +++ Collapsible Section +++: Collapsible section (specific to some
platforms)
12. Special Characters
● \\: Backslash
By: Waleed Mousa
● ```: Backtick
● \*: Asterisk
● \_: Underscore
● \{}: Curly braces
● []: Square brackets
● (): Parentheses
● \#: Hash symbol
● \+: Plus symbol
● \-: Minus symbol (hyphen)
● \.: Dot
● \!: Exclamation mark
13. Custom HTML
● <div>Custom HTML</div>: Custom HTML code
● <span style="color:red">Red Text</span>: Inline styling
14. Footnotes
● Text[^1]: Footnote reference
● [^1]: Footnote: Footnote definition
15. Abbreviations (Extended Syntax)
● *[HTML]: Hyper Text Markup Language: Abbreviation definition
● HTML: Abbreviation usage
16. Definition Lists (Extended Syntax)
● Term: Definition term
● : Definition: Definition description
17. Task and Checklists
● - [ ] Open: Task unchecked
● - [x] Closed: Task checked
● - Note about this task: Additional details under a task
18. Escaping Markdown Characters
By: Waleed Mousa
● \*Not italic*: Escaping to prevent formatting
19. Markdown in Comments (Specific to Platforms like GitHub)
● <!-- Comment -->: Markdown comment (not rendered)
20. Math Expressions
● $E=mc^2$: Inline math expression
● $$E=mc^2$$: Block math expression
21. Advanced Image Formatting
● : Specify width of the image (syntax may
vary).
● : Set image size (width x height,
platform-specific).
● : Image with title and width.
22. Nested Lists
● - item 1: Top-level item
○ - sub-item 1: Nested item
■ - sub-sub-item 1: Further nested item
24. Checkboxes with Emphasis
● - [ ] **Important** Task: Checkbox with bold text
● - [ ] _Urgent_ Task: Checkbox with italic text
25. Collapsible Content (in GitHub Flavored Markdown)
● <details>: Start of collapsible block
● <summary>Summary</summary>: Title of the collapsible block
● Details content: Content inside the collapsible block
● </details>: End of collapsible block
26. Custom Alignment in Tables
● |:--|: Left-aligned column
By: Waleed Mousa
● |:--:|: Center-aligned column
● |--:|: Right-aligned column
27. Multiline Code Blocks with Syntax Highlighting
● ```` ```python `` def function(): print("Hello, World!")
● ```` ```javascript `function hello() {` `[Link]("Hello, World!");`
`}`
28. Linking to Specific Parts of the Document
● [Go to Header](#header): Link to a section within the document
● ## Header: Target section for the link
29. Reference Style Links and Images
● [Text][reference]: Reference-style link
● [reference]: URL "Optional title": Reference definition
● ![Alt text][image_ref]: Reference-style image
● [image_ref]: URL "Optional title": Image reference definition
30. Emoji Support
● :emoji_name:: Use emoji shortcodes (platform-specific, like GitHub).
31. Custom Containers (Extended Markdown, like Markdown-it)
● ::: warning: Custom container start (warning)
● This is a warning: Container content
● :::: Custom container end
32. Inline HTML with Markdown
● Markdown **text** <span style="color: red">with</span> HTML: Mix Markdown
with inline HTML.
33. Line Breaks and Paragraphs
● Line 1 (with two spaces): Line break
● Line 2: New line, same paragraph
● Blank line above and below: New paragraph
By: Waleed Mousa
34. Embedding Videos (Platform-Specific)
● [](video_URL): Embedding a video with a thumbnail.
35. Using LaTeX in Markdown for Complex Equations (Extended Syntax)
● $\sqrt{3x-1}+(1+x)^2$: Inline LaTeX
● $$\begin{align*} 3x+1 & = 7 \\ x & = 2 \end{align*}$$: LaTeX for complex
equations
36. Escape Characters
● \*Not italicized\*: Use a backslash to escape Markdown characters
37. Anchors for Navigation within Document
● [Go to top](#top): Custom anchor link
● <a name="top"></a>: Custom anchor definition
38. Creating Badges (Common in GitHub READMEs)
● 
● {{ [Link] }}: Insert a variable (specific to the platform, like
Jekyll on GitHub Pages)
43. Definition Lists (in Extended Markdown)
By: Waleed Mousa
● Term: The term being defined
● : Definition: The definition
45. Displaying Mathematical Symbols
● $\pi$: Display the Pi symbol
● $\theta$: Display the theta symbol
46. Custom Footers (in Extended Markdown)
● [Return to top](#top): Link to the top of the document
● ---: Footer separator
● © 2024 Company: Footer text
47. Markdown for Slideshows (like [Link])
● ---: Slide separator in Markdown-based slideshow tools
48. Embedding Gists (GitHub Specific)
● {% gist gist_id %}: Embed a GitHub gist (specific to GitHub Pages)
49. Using Directives (like in VuePress)
● ::: tip: Start a tip block
● ::: warning: Start a warning block
50. Advanced Image Layouts (with HTML)
● <img src="URL" alt="alt text" style="float: left"/>: Float an image to
the left
By: Waleed Mousa