Markdown Code Guide for Beginners

What is Markdown ?

Headings :

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Above Headings are created by following codes

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

There is another way of creating

• Heading 1
• Heading 2

Heading 1

Heading 2

Heading 1
===
Heading 2
---

Bold :

To write in bold style you can use ** on both sides of text.
For example

@ziabutt3836 is your well-wisher

Code for above statement is below.

**@ziabutt3836 is your well-wisher**

Italics :

To write in italics style you can use * on both sides of text.
For example

@ziabutt3836 is your well-wisher

Code for above statement is below.

*@ziabutt3836 is your well-wisher*

Strikethrough :

To write in Strikethrough style you can use ~~ on both sides of text.
For example

@ziabutt3836 is your well-wisher

Code for above statement is below.

~~@ziabutt3836 is your well-wisher~~

Center :

To write in Center align style you can use <center> text here </center>
For example

Code for above statement is below.

<center>@ziabutt3836 is your well-wisher</center>

Justify Text :

Unjustified
During writing an essay or a Steemit post, justify is nice looking format of writing. For example, this paragraph is not justified that's why it is not attracting the eyes of reader. But when put justify code for this paragraph then it looks nice. Following paragraph is justified.

Justified

Code

<div class="text-justify">This is a justified paragraph that's why it is looking nice. We should use justify style for writing a post on steemit or writing an essay elsewhere. I write justify code below for your guidance. Remember me in your prayers.</div>

List :

You can use * to create a list

• List 1
• List 2
• List 3

Code

*List 1
*List 2
*List 3

Alignment of Text into two columns:

If you need to align text in two different columns then you use following method for your text alignment.

Subscript :

If you want write text or numbers below baseline then You can use <sub> text or number here </sub> code.
C<sub>2</sub>H

Output

C₂H .

SuperScript :

If you want to write text or numbers above the baseline then You can use the <sup>text or numbers</sup>command.

3.5×10<sup>23</sup>

Output

3.5×10²³

Links :

Often we need to add many links in our steemit post for example our username or any web address or source of any data.

• When we add a steemit username, along with its @, the name becomes clickable. i.e. @ziabutt3836
• Link is automatically recognized and is clickable i.e. https://steemit.com/@ziabutt3836 > > https://steemit.com/@ziabutt3836
• We can hide a link in a word or phrase, using the below syntax
  [Zia profile](https://steemit.com/@ziabutt3836) Output Zia profile

Table :

If you want to insert a table in your post you should follow following format and add as many Headers and Cells you need.

Header 1 | Header 2
--------- | ----------
Cell 1 | Cell 2

Output

Quotes :

If you want to write a statement which is not yours or a Quote or phrase that someone said. Use > before statement.

> "Knowledge is power.”
― Sir Francis Bacon

Output

"Knowledge is power.”
― Sir Francis Bacon

Images Alignment :

Image Left Align :

** Code**

<div class="pull-left">
https://cdn.steemitimages.com/DQmSaGyy1anj2wPniSS95B9gXm18bVGAiR8HByBoWHjrfdG/IMG_20210203_180956443.jpg
</div>

Image Left Align :

Code

<div class="pull-right">
https://cdn.steemitimages.com/DQmSaGyy1anj2wPniSS95B9gXm18bVGAiR8HByBoWHjrfdG/IMG_20210203_180956443.jpg
</div>

Image Center Align :

Code

<center>https://cdn.steemitimages.com/DQmSaGyy1anj2wPniSS95B9gXm18bVGAiR8HByBoWHjrfdG/IMG_20210203_180956443.jpg</center>

Gifs :

Code

<center>https://blog.commlabindia.com/wp-content/uploads/2019/07/animated-gifs-corporate-training.gif</center>

Videos :

You only copy and paste the youtube video URL in your post to add a video in your post.
Or upload your video on steemit.

Code for above video

https://m.youtube.com/watch?v=vcXzXMV4go0

Special thanks goes to @cryptokannon for developing this wonderful task and @hassanabid , @haidermehdi , @rashid001 for their guidance and @steemcurator01 , @steemcurator02 , @steemcurator03 for their support.