Achievement 4 Task by @balyphooll : Applying Markdowns
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://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmaTy3NhiG1wpcKANBDwh8pnFQbU2kMUyNf9ts4WwZFZF8/ac4%20bf.png)
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
Markdown for Left and Right alignment of text ( text alignment in two cells)
A good example is illustrated below,
Markdowns for alignment of images
Left alignment
The following code is used;
<div class="pull-left">
image address here</div>
![](https://steemitimages.com/640x0/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://steemitimages.com/640x0/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://steemitimages.com/640x0/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 NO2
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 NO2
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 here1
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.
Nice presentation. After this, apply for support 500 sp on Steemit Nursery
I stop by to inform you that I have successfully verified your achievement. You can now continue with the program and perform your achievement #5, which is called understanding the Steem tools. Here is the link to a post about it, so you can develop your next activity. Remember that the achievements' posts must be posted within the Newcomers' Community. Success for you.
Important information: congratulations for making it this far and performing your achievements. From now on, you may be eligible to be part of the support program for newcomers called 500SP Minnowsupport. I invite you to continue performing your other achievements.
Notes: Please add up links to your previous achievements.
Hi, @balyphooll,
Your post has been supported by @sm-shagor from the Steem Greeter Team.