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***. ----- ![ac4 bf.png](https://cdn.steemitimages.com/DQmaTy3NhiG1wpcKANBDwh8pnFQbU2kMUyNf9ts4WwZFZF8/ac4%20bf.png) _{**Image designed in [Canva](https://www.canva.com/) | 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.

My Achievement Task 4. ----- ### Markdowns for alignment of images ---- ### Left alignment ----- The following code is used;

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

https://cdn.steemitimages.com/DQmT9psDDSEWP6yCGXbVMp5VVkWBm4esSgR6BWgjLjJB5bQ/IMG2021642688.jpg

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>
------

https://cdn.steemitimages.com/DQmPScRS2ut4mdGkuFAjN9fNhyj7ghSSBVye21YZWMATYqR/IMG2021642689.jpg

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>

------ https://cdn.steemitimages.com/DQmVSjPzWtfvvMDxcsDy7E5YN3VvNRmd87Bazij66A95TLH/IMG2021642687.jpg 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^{[1](https://steemd.com)}** ------ 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:** ![image.png](https://cdn.steemitimages.com/DQmck6Lye9Jki2ntRKAumZ9VttKib4ZMDN5XhRNNjUYYn9u/image.png) **Step2:** ![image.png](https://cdn.steemitimages.com/DQmRErVhqHaJ3TK3inzMMhiy3k6R9tfrVGJC1VRL3fgEQ9C/image.png) **Step3:** ![image.png](https://cdn.steemitimages.com/DQmSe6efHVJBMrM94ufUTqWLeWR9Tntdf2oXnqqex6dGR43/image.png) ## Image Source: [STEEMIT WALLET](https://steemitwallet.com/@balyphooll/transfers) ___ That's all for achievement 4. I have applied all the basic markdowns I know. Please review this. Thanks to all.