Markdown

Sep 13, 2020

2 min read

Link copied

Markdown beginner 
guide
 Tables, Blockquotes and HTML

Learn how to create tables, blockquotes and HTML using markdown language with an example.

Vasanth Jagadeesan

Enterprise solution architect

Tables always attracts the readers, Markdown syntax supports tables, each header is formed by adding three dashes and pipes (|) separates from each header/column.

| Framework | Link                                 | Developed By |
|:--------- |:------------------------------------ |:------------ |
| Vue JS    | [VueJS](https://vuejs.org/)          | Evan You     |
| Angular   | [Angular](https://angular.io/)       | Google       |
| React     | [React](https://reactjs.org/)        | Facebook     |

Output

We can use typography style like bold, italic, etc. Inside the table. colon denotes the alignment of the column.

To right align use (:) on right side

| Framework | 
|:--------- |
| Vue JS    |
| Angular   |
| React     |

To left align use (:) on left side

| Framework | 
| ---------:|
| Vue JS    |
| Angular   |
| React     |

To center align use (:) on both side

| Framework | 
|:---------:|
| Vue JS    |
| Angular   |
| React     |

Blockquotes

You can enrich you content with the (>) blockquote syntax in markdown.

> The purpose of our life is to be happy - DALAI LAMA

> Get busy living or get busy dying. — Stephen King

> Everybody wants to be famous, but nobody wants to do the work. I live by that. You grind hard so you can play hard. At the end of the day, you put all the work in, and eventually it’ll pay off. It could be in a year, it could be in 30 years. Eventually, your hard work will pay off. — Kevin Hart

Output

The purpose of our life is to be happy - DALAI LAMA

Get busy living or get busy dying. — Stephen King

Everybody wants to be famous, but nobody wants to do the work. I live by that. You grind hard so you can play hard. At the end of the day, you put all the work in, and eventually it’ll pay off. It could be in a year, it could be in 30 years. Eventually, your hard work will pay off. — Kevin Hart

HTML

We can show html content directly it will just work like magic without any extra efforts.

<b>mobilelabs</b>
<a href="https://mobilelabs.in/newsletter">Subscribe now</a>

Output
mobilelabs
Subscribe now

Horizontal Rule

Horizontal Rule can be created by using three Asterisks(***)

Learn Markdown Syntax in mobilelabs
***

[Markdown Cheat sheet](https://mobilelabs.in/)
___

output

Learn Markdown in mobilelabs

HR with Link

Markdown Cheat sheet

Conclusion

We have seen how to use Tables, Blockquotes and HTML in markdown. We have covered all important topics in markdown. In upcoming series we will look into Static Site Generator using markdown.
Subscribe and Share.