Achievement 4 by @deeni1 Task : Applying Markdowns

in hive-172186 •  3 years ago  (edited)

Greetings to everyone on this great platform, I am very excited to be here again to accomplish my next achievement task 4 which speaks about markdowns in one's post.


download.png

source


Markdowns refer to codes used in making spaces, alignments, and edits to make your post look nice and attractive to readers.
I would be illustrating some of the markdowns and the codes that are used to produce them below here in my presentation;


The Headings Markdown


One can bolden the heading of a post by putting a Hash sign (#) then a space before the heading. The number of Hash (#) signs would determine the size of the heading. An example is shown below;


ACHIEVEMENT 4

ACHIEVEMENT 4

ACHIEVEMENT 4

ACHIEVEMENT 4

ACHIEVEMENT 4

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


# Headline 1

### Headline 2

#### Headline 3

##### Headline 4

###### Headline 5


The Markdowns for Creating Tables


This can be done by the following code;

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


An example is shown below;


ProsCons
Impacts new knowledgeLeads to scamming
Improves high standard of livingDamages the image of students

Markdowns for Text and Images alignment


I would be using the text "I will go to school on Monday".

Center Alignment of Text


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

<center> text here </center>

example,

I will go to school on Monday


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


example,

I will go to school on Monday
I will go to school on Monday

Markdowns for Subscript and Superscript


Markdown for Subscript


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

example,
CO<sub> 2 </sub> has an output CO2


Markdown for Superscript


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


example,
I have placed a reference here<sup>1</sup>. would give an output as I have placed a reference here1 or one can add a clickable link to that as seen below,

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

I have placed a reference here1


The Blockquotes Markdown


Blockquotes are used to signal to the reader that a text is taken from a different site. It is done by giving a space followed by a greater than sign (>) and then the quote.
example,


"Imagination is more important than knowledge."
Albert Einstein


The Markdowns for alignment of images


Left alignment


The following code is used;

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


[source](https://www.appsapkmarket.com/fr/android-games/new-toon-blast-download-net.peakgames.toonblast/)

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>


[source](https://www.appsapkmarket.com/fr/android-games/new-toon-blast-download-net.peakgames.toonblast/) 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>


source
With center alignment, the image dimension remains the same.


I have learned and gain experience from this achievement task and I would do my best to apply these markdowns that I have learned in the subsequent articles I would be writing. I would like to thank @cryptokannon for such a wonderful lesson.
Thanks to you all for your time and attention.
CC;a
@sarkodieeric1, @nattybongo, @oppongk.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Put the source of image you have used in your achievement task.

Sorry I couldn't source my images used, I forgot of them but I have done thatg now.

Hi i am Sumit one of the team member of Steem Greeter.

I am happy to announce that i have successfully verified your achievement 4 post. Now you are eligible for performing your achievement 5 which is about Understanding the Steem tools. You can refer this post for your next task.

Note:

Rate:2

Hi, @deeni1,

Your post has been supported by @abuahmad from the Steem Greeter Team.

Well done bro

Good usage of markdowns in this achievement task. Thanks so much.

You are welcome 🤝