Markdown

Lightweight Markup Language

TABLE OF CONTENTS

• FEATURES
• WHERE IS USED?
• HEADINGS
• HORIZONTAL RULES
• TEXT FORMATTING
• BLOCKQUOTES
• LISTS
• CODE FORMATTING
• LINKS
• IMAGES
• TABLES
• TASK LISTS
• EMOJI
• COMMENTS
• HTML & CSS
• TOGGLE
• CALLOUTS

FEATURES

• readability
• ease of use
• can be converted into HTML/XHTML and other formats
• Lightweight Markup Language with a plain text formatting syntax
• supports escape characters

WHERE IS USED?

• documentations
• forums & blog posts
• readme files
• static site generators

HEADINGS

the # is the biggest heading & the ###### is the smallest heading

#header1 === <h1 id="header">header1</h1>

##header2 === <h2 id="header">header2</h2>

###header3 === <h3 id="header">header3</h3>

####header4 === <h4 id="header">header4</h4>

#####header5 === <h5 id="header">header5</h5>

######header6 === <h6 id="header">header6</h6>

HORIZONTAL RULES

• --- & ___ & *** are used to create a horizontal rule

TEXT FORMATTING

italic = italic

bold = bold

italic & bold = italic & bold

bold italic bold = bold italic bold

~~strikethrough text~~

BLOCKQUOTES

hi

hi

hi

LISTS

1. item 1
2. item 2
3. item 3
4. item 4

• item 1
• item 2

• item 3
• item 4

• item 5
• item 6

CODE FORMATTING

max()

console.log("hello universe!")

LINKS

• use %23 for # in the urls
• use %20 for the space character in the url
• etc...

using angle brackets :

using brackets & parentheses : text

links to the same page heading 1 heading 2

reference links (links as variables)

ref link1

ref link2

ref link3

ref link4

IMAGES

TABLES

:--- => align left

:---: => align center

---: => align right

| name | age | job | | :------------ | :---: | ------: | | khaled mesbah | 21 | student |

| name | age | job | | :-----------: | :---: | :-----: | | khaled mesbah | 21 | student |

TASK LISTS

• [x] task 1
• [ ] task 2

• [ ] task 3
• [x] task 4

EMOJI

:joy: :tada:

COMMENTS

or

HTML & CSS

CALLOUTS

:bulb: tip: here is an important tip to remember

Heading (rank 1)

Heading 2

3

4

5

6

Block quote

• Unordered
• List

1. Ordered
2. List

A paragraph, introducing a thematic break:

some.code()

a link, an , some emphasis, something strong, and finally a little code().