Achievement4 by @zainbabar Task : Applying Markdowns

in Newcomers' Community3 years ago

IMG_20210916_081948.jpg

Helo friends, hope you all are safe and healthy, i have successfully completed my achievement 3 and it's my achievement 4 and it is about applying markdowns. Knowledge of applying markdown is very important as it makes reader easy to understand. Today we talks about different markdowns.
Let discuss few of them one by one.

1.Heading

Heading is important for a text , as it shows the structure of the text, for giving the heading the keyword # is used. If you use ## in front of heading it give small size heading ,as we increase the # size of heading decreases.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

These heading can be written as:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6

2.Headlines

There are some tips for headline. You can write headline by writing the headline with underneath three dashes or three equal signs.

Headline 1

Headline 2

These headlines can be written as fellow

 Headline 1
 ===
 Headline 2
 ___

If you want to center the headline this code if used

headline here

  # <center>headline here</center>

For writing the word in italics use * in front and end of the headline.

  *headline*

And it will shown as
Headline

For writing strike through use ~~ in front and end of heading

    ~~headline~~

And it will shown as
headline

3.Text

There are some codes for text . If you want that your text look in same line or right side or left side. You can write as follow:

For example;

 <div class="text-justify">
 My name is Zain. And i am 20 year old.I am from 
 Pakistan.My father name is Babar Hussain.I am 
 student of Agricultural Engineering from the 
 Bahauddin Zakariya University.My hobbies are 
 photography, singing traveling and playing 
 cricket.I am here on steemit to improve my English 
 and provide you my knowledge with my post.
</div>

This will be shown as;

My name is Zain. And i am 20 year old.I am from Pakistan.My father name is Babar Hussain.I am student of Agricultural Engineering from the Bahauddin Zakariya University.My hobbies are photography, singing traveling and playing cricket.I am here on steemit to improve my English and provide you my knowledge with my post.

Without the command it will shown as;

My name is Zain. And i am 20 year old.I am from Pakistan.My father name is Babar Hussain.I am student of Agricultural Engineering from the Bahauddin Zakariya University.My hobbies are photography, singing traveling and playing cricket.I am here on steemit to improve my English and provide you my knowledge with my post.

Write text into cells

For writing the cell into cells write text in the following way;

 <div class="pull-right">
SMART PHONES are very useful now a day. We can 
video call , see any thing in the world by using 
internet.
</div>
TELEPHONES haves less specifications. We can use 
it only for voice calls.
SMART PHONES are very useful now a day. We can video call , see any thing in the world by using internet.
TELEPHONES haves less specifications. We can use it only for voice calls.We can't take it with us where we go.

For center the text

<center>Text you want to type</center>

Text you want to type

For subscript and superscript of text

If you want to write a number or word in small form n the uper or lower side you can use these codes;

 <sub>text or number</sub>
 C0<sub>2</sub>

C02

 <sup>text or number</sup>
 10<sup>4</sup>

104

4.Links

Adding the link on steemit is very easy and it is common used . We often use links to our post you provide cite of photo or text or we can use name of any user. If we use # before the name of any user it become a link and take us to that person profile.

For example;

@aliimrankamboh
Or if we just paste a link in the post it will become a clickable link

For example;

 https://www.google.com/search?q=university+of+okara&oq=&aqs=chrome.1.69i176j35i39l4.-1j0j7&client=ms-android-vivo-rvo3&sourceid=chrome-mobile&ie=UTF-8

It will become as;
https://www.google.com/search?q=university+of+okara&oq=&aqs=chrome.1.69i176j35i39l4.-1j0j7&client=ms-android-vivo-rvo3&sourceid=chrome-mobile&ie=UTF-8

We can also add text of our choice in link

If we write in this way;
University of Okara
We get this;
University of Okara

5.Tables

Sometimes we need table to under the work.Table provide good information with ease of understanding.

For create a table ;

 Name       | Roll No.| Section
 ------------|------------|--
 Zain        | 05          | A
NameRoll No.Section
Zain05A

You can increase the number of cells by using more cells.

6.Quotes

Sometimes we used quotes in our text ,or sentence that is related to our topic or said or written by someone we use the sign > in front of that sentence and this shown as quotation as follow;

 >“That which does not kill us makes us stronger.”

– Friedrich Nietzsche

“That which does not kill us makes us stronger.”
– Friedrich Nietzsche

7.Images

You can set an image to right, left or center of the screen.

<div class="pull-left">
![IMG_20210917_002957.jpg](https://cdn.steemitimages.com/DQmRnCsqeiAf8ZTonVW5AzKXMJquDgLUj4NTCyYvUL3aJnG/IMG_20210917_002957.jpg)</div>

If we use this comand we get this;

IMG_20210917_002957.jpg

If we write the code and put image we get image on left side and text in write.

For pull the image on right side.

<div class="pull-right">![IMG_20210917_002957.jpg](https://cdn.steemitimages.com/DQmRnCsqeiAf8ZTonVW5AzKXMJquDgLUj4NTCyYvUL3aJnG/IMG_20210917_002957.jpg)

IMG_20210917_002957.jpg

text below In this way you can see the picture shown on right side.this the easiest ways to give detailed information about something along with picture and text.

Hope you all like my post.

Thanks for reading.

Sort:  
Loading...
 3 years ago 

Hi, @zainbabar,

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

Coin Marketplace

STEEM 0.25
TRX 0.20
JST 0.036
BTC 94318.14
ETH 3449.94
USDT 1.00
SBD 3.49