/ MARKDOWN

Mastering Markdown

HTML is the first language that many developers learn. Using a templating engine saves countless hours of unnecessary work and helps in writing quicker and cleaner HTML.

Some of the most popular templating engines for HTML are :

  1. Pug (a.k.a Jade)- Underlying Language: JavaScript

  2. HAML- Underlying Language: Ruby

  3. JSX- Underlying Language: JavaScript

  4. Markdown

In this article, we’ll talk about Markdown. Markdown is a lightweight and easy-to-use syntax for styling all forms of writing on the GitHub platform.

What is Markdown?

Markdown is a markup language that you can use to add formatting elements to plaintext text documents. It makes writing on the web fast and easy. It is now one of the world’s most popular markup languages.

Fun Fact : This page itself is written in Markdown. :) Markdown files have .md or .markdown extension.

What is the best Markdown editor?

  1. Typora

  2. Draft

  3. Visual Studio Code

  4. MacDown

  5. Ulysses

  6. iA Writer

  7. Dimer

  8. Quiver

BASIC SYNTAX

Here are the basic elements of markdown needed on a day-to-day basis:

Headers

# This is an <h1> tag
## This is an <h2> tag
###### This is an <h6> tag

This is an <h1> tag

This is an <h2> tag

This is an <h6> tag

Emphasis

*This text will be italic*
**This text will be bold**
_You **can** combine them_

This text will be italic This text will be bold You can combine them

Lists

UNORDERED
* Item 1
* Item 2
  * Item 2a
  * Item 2b
ORDERED
1. Item 1
1. Item 2
1. Item 3
   1. Item 3a
   1. Item 3b

UNORDERED

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b

ORDERED

  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Images

![Markdown Logo](/assets/images/helloWorld.png)

hello_world

[Markdown](https://www.markdownguide.org/)

Markdown

Blockquotes

As Kanye West said:

> We're living the future so
> the present is our past.

As Kanye West said:

We’re living the future so the present is our past.

Inline code

I think you should use an
`<addr>` element here instead.

I think you should use an <addr> element here instead.

Tables

You can create tables by assembling a list of words and dividing them with hyphens - (for the first row), and then separating each column with a pipe |:

First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column
First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

Strikethrough

Any word wrapped with two tildes (like ~~this~~) will appear crossed out.

Any word wrapped with two tildes (like this) will appear crossed out.

Supersets of Markdown

The supersets of markdown includes basic syntax and are build upon it by adding additional elements like tables, code blocks, syntax highlighting, URL auto-linking, and footnotes. Many of the most popular Markdown applications use one of the following lightweight markup languages:

  1. Kramdown

  2. CommonMark

  3. GitHub Flavored Markdown

  4. R Markdown

Read More