Markdown 🐙 All syntax and its HTML equivalent

Share on email
Share on twitter
Share on linkedin
Share on facebook
All MarkDown syntax by wprock
All MarkDown syntax by wprock
All MarkDown syntax by wprock
All MarkDown syntax by wprock
Share on twitter
Share on linkedin
Share on facebook
Share on whatsapp
Share on email

Markdown is a text formatting language used in files withplugin .MD. Here I present all its syntax and its HTML equivalent.

Markdown: Paragraphs

Method 1 - MD and HTML code

This is a paragraph

This is another paragraph

This is a paragraph

This is another paragraph

Method 1 - Rendering preview


This is a paragraph

This is another paragraph

Markdown: Headlines

Method 1 - MD and HTML code

# Level 1 title
## Level 2 title
### Level 3 title
#### Level 4 title
### Level 5 title
#### Level 6 title
Level 1 title
====================

Level 2 title
---------------------

Level 1 title

Level 2 title

Level 3 title

Level 4 title

Level 5 title
Level 6 title

Level 1 title

Level 2 title

Method 1 - Rendering preview


Level 1 title
Level 2 title
Level 3 title
Level 4 title
Level 5 title
Level 6 title

Markdown: Bold, italics and strikethrough text

Method 1 - MD and HTML code

*This is italic text*, **This is bold text** and ~~This is strikethrough text~

**It's possible to *combine* them like this** or *again like **this***
__This is italic text_ and __This is bold text__ and ~~This is strikethrough text~~

It is possible to __combine them like this__ or __combine them like __this___.

This is italic text, This is bold text and This is strikethrough text.

It is possible to combine them like this or like this

Method 1 - Rendering preview


This is italic text, This is bold text and This is a strikethrough text

It is possible to combine them like this or like this

Markdown: Links

MD and HTML code

[This is a link](https://)wprock.fr/blog/)

[This is a link to a title](https://)wprock.fr/blog/ "The title of the link")

This is an automatic link: 

This is an email link: 

This is a link

This is a link to a title

This is an automatic link: wprock.frhttps:// /blog/

This is an email link: [email protected]wprock.fr

Rendering preview


This is a link

This is a link to a title

This is an automatic link: https:/wprock.fr/ /blog/

This is an email link: [email protected]wprock.fr

Markdown: Simple and orderly lists

MD and HTML code

Simple list : 

* Element 1
* Element 3
  * Sub-element 1
  * Sub-element 2
* Element 2


Orderly list : 

1. Element 1
2. Element 2
  1. Sub-element 1
  2. Sub-element 2
3. Element 3


Simple and ordered nested lists : 

1. Element 1
  * Sub-element 1
  * Sub-element 2
2. Element 2
3. Element 3

Simple list :

  • Element 1
  • Element 3
    • Sub-element 1
    • Sub-element 2
  • Element 2


Orderly list :

  1. Element 1
  2. Element 2
    1. Sub-element 1
    2. Sub-element 2
  3. Element 3


Simple and ordered nested lists :

  1. Element 1
    • Sub-element 1
    • Sub-element 2
  2. Element 2
  3. Element 3

Rendering preview


Simple list :

  • Element 1
  • Element 3
    • Sub-element 1
    • Sub-element 2
  • Element 2


Orderly list :

  1. Element 1
  2. Element 2
    1. Sub-element 1
    2. Sub-element 2
  3. Element 3


Simple and ordered nested lists :

  1. Element 1
    • Sub-element 1
    • Sub-element 2
  2. Element 2
  3. Element 3

Markdown: Checklist / List of checkboxes

MD and HTML code

- x] Item 1, checked
- [ ] Item 2, unchecked
  - x] Sub-element 2.1, checked off
  - [ ] Sub-element 2.2, unchecked
- [ ] Item 3, unchecked

Rendering preview


Markdown: List of definitions

MD and HTML code

Term 1
Definition 1.1

Term 2
Definition 2.1
Definition 2.2
Term 1
Definition 1.1
Term 2
Definition 2.1
Definition 2.2

Rendering preview


Term 1
Definition 1.1
Term 2
Definition 2.1
Definition 2.2

Markdown: Escaping Special Craters

The following list of characters must be preceded by a backslash (\) :

\\   : Anti-slash
\`   : Apostrophe curve
\*   : Asterisk
\_   : Low dash / Underscore
\{\} : Braces
\[\] : Hooks
\(\) : Parentheses
\#   : Sharp
\+   : Sign more
\-   : Less sign / hyphen
\!   : Exclamation dot
\.   : Dot

Markdown: Images

MD and HTML code

! [Alternative text](https://wprock.fr/wp-content/uploads/2018/11/wprock-wallpaper-wapuu-wordpress-paris-520x254.jpg "Title, optional")
Texte alternatif

Rendering preview

Alternative text

Markdown: Quotes

MD and HTML code

> This is a quote
> - Source

This is a quote

Source

Rendering preview


This is a quote

Source

Markdown: Separators / Horizontal Lines

MD and HTML code

***
---
___

Rendering preview



Markdown: The Tables

MD and HTML Code - Unaligned

Heading column 1 | Heading column 1 | Heading column 1 
 --- | --- | --- 
Cell 1.1 | Cell 1.2 | Cell 1.3 
Cell 2.1 | Cell 2.2 | Cell 2.3 
Title column 1 Title column 1 Title column 1
Cell 1.1 Cell 1.2 Cell 1.3
Cell 2.1 Cell 2.2 Cell 2.3

Rendering Preview - Unaligned


Title column 1Title column 1Title column 1
Cell 1.1Cell 1.2Cell 1.3
Cell 2.1Cell 2.2Cell 2.3

MD and HTML code - With alignment

Title column 1 (right) | Title column 1 (centered) | Title column 1 (left)
 ---: | :---: | :--- 
Cell 1.1 | Cell 1.2 | Cell 1.3 
Cell 2.1 | Cell 2.2 | Cell 2.3 
Title column 1 (right) Title column 1 (centered) Title column 1 (left)
Cell 1.1 Cell 1.2 Cell 1.3
Cell 2.1 Cell 2.2 Cell 2.3

Rendering preview - With alignment


Title column 1 (right)Title column 1 (centered)Title column 1 (left)
Cell 1.1Cell 1.2Cell 1.3
Cell 2.1Cell 2.2Cell 2.3

Markdown: Pre-formatted Codes and Texts

MD and HTML Code - Online

My code: `alert("HellowpRock");`

My code: alert("Hello wpRock");

Rendering Preview - Online


My code: alert("Hello wpRock");

MD and HTML code - Full width

```
alert("HellowpRock");
```
Javascript
alert("HellowpRock");
```
alert("HellowpRock");

Render Preview - Full Width


alert("HellowpRock");

Julien MA Jacob
WordPress Developer
Julien MA JACOB - WordPress Developer
Passionate about the web and programming with always many projects in mind
  Discussion of the article
Subscribe to the newsletter
Notify to
guest
2 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments
Oulfa

Hello! Thanks for the article! Is it possible to cross out text in a code block?