0% found this document useful (0 votes)
4 views7 pages

Markdown Operations CheatSheet

This document is a comprehensive cheat sheet for Markdown operations, detailing various formatting techniques including headers, emphasis, lists, links, images, and more. It covers advanced features such as custom HTML, footnotes, and embedding videos, along with examples for each operation. The cheat sheet serves as a quick reference guide for users looking to utilize Markdown effectively.

Uploaded by

mysteryrn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
4 views7 pages

Markdown Operations CheatSheet

This document is a comprehensive cheat sheet for Markdown operations, detailing various formatting techniques including headers, emphasis, lists, links, images, and more. It covers advanced features such as custom HTML, footnotes, and embedding videos, along with examples for each operation. The cheat sheet serves as a quick reference guide for users looking to utilize Markdown effectively.

Uploaded by

mysteryrn
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

# [ 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

● ![alt text](URL): Inline image


● ![alt text](URL "title"): 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

● ![alt text|width=100px](URL): Specify width of the image (syntax may


vary).
● ![alt text|512x288](URL): Set image size (width x height,
platform-specific).
● ![alt text](URL "Title text|width=100"): 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() {` `console.log("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](thumbnail_URL)](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)

● ![Badge](https://img.shields.io/badge/label-message-color): Create a
custom badge

40. Nested Blockquotes

● > Quote level 1


● >> Quote level 2: Nested quote

41. Dividers with Different Styles

● ---: Divider with a thin line


● ***: Divider with a thicker line

42. Using Variables (in Extended Markdown like Jekyll)

● {{ page.title }}: 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 Remark.js)

● ---: 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

You might also like