Hi dear steemians. Greetings to everyone here on this noble platform, I am here once again to complete my achievement 4 task that is about Applying Markdowns.

---

_{Image designed in Canva | by @balyphooll}

---

Markdowns refer to codes used in creating edits, spaces, alignments, etc in order to make your post look attractive to the readers.
I would be demonstrating some of the markdowns and the codes that are used below here in my article:

---

Headings Markdown

---

Bolden the heading of a post can be done by putting a Hash sign (#) then a space before the heading. The number of Hash (#) signs determines the size of the heading. An example is shown below;

---

Heading 1 Example

Heading 2 Example

Heading 3 Example

Heading 4 Example

Heading 5 Example

Heading 6 Example

---

As we can see that the size keeps on decreasing when I add more (#) signs to it. The following codes gave the above,

---

# Headline 1

## Headline 2

### Headline 3

#### Headline 4

##### Headline 5

###### Headline 6

---

Markdowns for Table Creating

---

This can be done by the use of the following code;

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

---

An example is shown below;

---

INDEX	NAME
1	Salma Akter
2	Seam Mahmud

---

Blockquotes Markdown

---

Blockquotes are used to show the reader that a text or paragraph is taken from a different site. It is done by giving a space followed by a greater than sign (>) and then the quote.
A good example is shown below;

---

“Anyone who has never made a mistake has never tried anything new.”
Albert Einstein

---

Alignment Markdowns for Text and Images

---

I would be using the text "My Achievement Task 4".

Center Alignment of Text

---

This code is what is used in the center alignment of texts.

<center> text here </center>

my example is as follows

My Achievement Task 4

---

Markdown for Left and Right alignment of text ( text alignment in two cells)

---

A good example is illustrated below,

My Achievement Task 4.

---

Markdowns for alignment of images

---

Left alignment

---

The following code is used;

<div class="pull-left">
image address here</div>

---

This image is aligned to the left as indicated. The text goes to the right when the image is aligned to the left as we can see.

---

Right alignment

---

The code below is used in right alignment;

<div class="pull-right">
image address here</div>

---

This image is aligned to the right as indicated. The text goes to the left when the image is aligned to the right as we can see.

---

Center alignment

---

The code below is used here;

<center>image address here</center>

---

With center alignment, the image dimension remains the same.

Markdowns for Subscript and Superscript

---

Subscript

---

The code below would allow a text or number to appear below the baseline;
<sub> text or number here </sub>.

Example,
NO<sub> 2 </sub> has an output NO₂

---

Superscript

---

The code below would allow a text or a number to appear above the baseline.
<sup> text or number here </sup>.

---

Example,
NO<sup> 2 </sup> has an output NO²

I have kept a reference here<sup>[1] (https://steemit.com/trending/my)</sup>. would now give an output as,

I have kept a reference here¹

---

I have accepted the #club5050 initiative and I powered up recently. So, I am using the tag in this post. Please review this.

Powerup Steps below:

Step1:

Step2:

Step3:

Image Source: STEEMIT WALLET

---

That's all for achievement 4. I have applied all the basic markdowns I know. Please review this. Thanks to all.