source

I'm glad to be amongst these wonderful minds of the steemit community. I'd like to thank @dilchamo, and @cryptokannon for verifying my previous Achievement post and with that done I'll like to go forth with my Achievement 4 post immediately.
Here I'll be demonstrating how I apply markdowns and the type of codes used to generate the markdowns.
I joined the steemit community 3 weeks ago with no idea of how it functions or what to do but with the assistance of outstanding mentors like @b-naj and @wase1234, I was able to understand a lot

When you do a post and do not include the necessary tags you are wasting your time cause you won't be reviewed.
_Bels Andrea
Words of my mentor 😌

Today we'll be demonstrating how to apply markdowns for the following subjects:

1. Heading
2. Text
3. Subscript
4. Superscript
5. links
6. Tables
7. Codes
8. Quotes
9. Images

HEADING

Headings are written like above 👆 using the(#) before the chosen word.
For example,

# header1
## header2
### header3
#### header4
##### header5
###### header6

Will result to:👇

header1

header2

header3

header4

header5

header6

You can also do centered headings using
## <center>Heading</center>

To give👇

Heading

TEXT

This is also another markdown that fixes your post, the "text-justify" markdown

<div class="text-justify">type text here so that it will appear as such below</div>

Which will give,
type text here so that it will appear as such below
But without the "text-justify"markdown this is how it would look like👇
Type text here so that it would appear as such below.
Aligning texts to appear on two sides of the page is done using the following markdowns, for aligning text right we use the following markdown <div class="pull-right"> type text here so it will appear on the right side of the page</div>
For aligning left,we use;
<div class="pull-left"> type text here so it will appear on the left side of the page</div>

These will give the following results👇

This is how it was done;
<div class="phishy">When life gives you lemons,make lemonades</div>

SUBSCRIPT

A subscript is written as such;

<sub>This text will appear smaller than usual so deal with it 😌</sub>

Results 👇

_{This text will appear smaller than usual so deal with it😌.}
Another example is seen below👇

H<sub>2</sub>SO<sub>4</sub>

To get👇
H₂SO₄

SUPERSCRIPT

For a superscript markdown we use the following code;
x<sup>2x+1</sup>
Which results to 👇
x^2x+1
This can also be used when inserting links as such
Text<sup>[link](actual url link)</sup>
Achievement^link
Achievement^link
Achievement^link

LINK

To place links, if it's a steemit account name,we use (@) before the account name.
For example @bongk, @wase1234
and also when the link as this,https://steemit.com/hive-172186/@bongk/achievement-3-by-bongk-task-content-etiquettes, is inputted it becomes clickable.
You can also make a word clickable,this way; [This will be an inline link](https://slideplayer.com/slide/15253285/)
Output;
This will be an inline link

TABLES

Sometimes tables are needed in your post.
These codes are used
Header1|Header2|
---|---
Cell1|Cell2
This will give; 👇

CODE

For codes of words, use the () ,after the chosen word for italics or use (*) before and after the word for bold text,
This results in 👇
Text
Text

QOUTES- BLOCKQOUTES

For block qoutes use the ( > ) sign infront of the sentence or phrase.
Block Quotes are used when we want to put down words said by others or references.
For example
>When life gives you lemons,make lemonades.
Results

When life gives you lemons,make lemonades.

IMAGES

An image code looks like this,
https://cdn.steemitimages.com/DQmQfCJbnwmi5kDLG4hvzTDFacUx6XbDo6z1fLZU5aYJbYh/3jpR3paJ37V8JxyWvtbhvcm5k3roJwHBR4WTALx7XaoRovo9L8UQk4SBBYRPcH2Xu73rJnWmWPXk8vvpS6NHw7kaEuhsUWMFWkEFkbE6NNaQMbDzewTPrEgmX14zYgCvzXDmY.png
and not like this

![3jpR3paJ37V8JxyWvtbhvcm5k3roJwHBR4WTALx7XaoRovo9L8UQk4SBBYRPcH2Xu73rJnWmWPXk8vvpS6NHw7kaEuhsUWMFWkEFkbE6NNaQMbDzewTPrEgmX14zYgCvzXDmY.png](https://cdn.steemitimages.com/DQmQfCJbnwmi5kDLG4hvzTDFacUx6XbDo6z1fLZU5aYJbYh/3jpR3paJ37V8JxyWvtbhvcm5k3roJwHBR4WTALx7XaoRovo9L8UQk4SBBYRPcH2Xu73rJnWmWPXk8vvpS6NHw7kaEuhsUWMFWkEFkbE6NNaQMbDzewTPrEgmX14zYgCvzXDmY.png)

To align images to the left or right of the text we use the following markdowns
<div class="pull-left"> (image)</div>
<div class="pull-right">To the left that's actually a cartoon design of my girlfriend done by me using the Toon me App,it looks good right?</div>

This will result to this 👇

The same goes for the left alignment but this time you'll use "right-pull".

Cc:
@saxopedia
@fombae
@cryptokannon