Clear Examples Of Markdowns

in hive-168362 •  2 months ago  (edited)

Hello wonderful people on steem India, I hope you are all doing good. I just want to give you all , most especially the newbies a clear picture of Markdowns

istockphoto-468880661-612x612.jpg
Source

HEADLINES OF THIS TOPIC

  • How to use headlines and sub-headlines
  • How to align and justify texts
  • How to center texts, add superscripts and subscripts to texts.
  • How to add links
  • How to create tables
  • How to add codes
  • How to add block quotes
  • How to add line break
  • How to align images
  • How to scale down your images on steemit
    *How to insert link to your image
  • How to bold texts and add italic to text.
  • How to create Horizontal Rules

How To Use Headlines and Sub-headlines

Headlines and Sub-headlines are very important in our articles, because they help to show the readers what our articles are talking about. We have about 6 and more headlines that we can create in our posts. They can be differentiated using the hash symbol. For Example; we would like our first headline to be bolder than the sub-headlines. For the first headline we can use only one hash symbol depending on how bold we want it to be.

Example of Headlines and Sub-headlines

INPUT

THE OUTPUT

HEADLINES (this is my first headline)

HEADLINES (this can be my first Sub-headline)

HEADLINE (my third sub-headline)

HEADLINE (the Fourth one)

HEADLINE (the fifth one)
HEADLINE (the sixth one)

This is all for Headlines, now let move to;

How To Align and Justify Texts

INPUTS

IMG_20220420_231722.jpg

IMG_20220420_231639.jpg

OUTPUTS

This is a justified text

It is very important for one to always read and learn at all times. The day we stop learning, we begin to reduce value and then we will have nothing to give out.

This is an unjustified

It is very important for one to always read and learn at all times. The day we stop learning, we begin to reduce value and then we will have nothing to give out.

How To Align Texts to left and right

INPUT

IMG_20220420_233307.jpg

OUTPUT

It is very important for one to always read and learn at all times. The day we stop learning, we begin to reduce value and then we will have nothing to give out.
It is very important for one to always read and learn at all times. The day we stop learning, we begin to reduce value and then we will have nothing to give out.








How To center texts, add superscript and subscript.

INPUT

IMG_20220421_073102.jpg

INPUT

IMG_20220421_073149.jpg

TO PUT TEXTS IN CENTER

OUTPUT

It is very important for one to always read and learn at all times. The day we stop learning, we begin to reduce value and then we will have nothing to give out.

TO ADD SUPERSCRIPTS AND SUBSCRIPTS

INPUT

IMG_20220421_073149.jpg

OUTPUT

This is a superscript and subscript of 2/2 and it is in center.

2/2

How To add Links to your Texts

Adding links to our posts help the reader to search more and learn more. Our links can be visible and it can also be hidden, whichever way we intend to do them.

For Example;

INPUT

INPUT

IMG_20220421_082007.jpg

To read more on applying markdowns click on this link.

OUTPUT

It can also be written as;

OUTPUT

To read more on markdowns, click on
Cryptokannon
This is when the link is hidden.

How To Create Tables

INPUT

An easy way to insert table is;

OUTPUT

Header 1Header 2
Cell 1Cell 3
Cell 2Cell 4

How To add Codes

INPUT

IMG_20220421_164630.jpg

For an inline code, you will add code before and after it. For instance;

OUTPUT

Demographs, pots, how to add codes

How To add Block quotes

Firstly, highlight and copy the area you want and then add this sign > , then space before pasting the quote you want to insert. Tap enter button to continue typing.
Example:

INPUT

IMG_20220421_165718.jpg

OUTPUT

I will ensure that I contribute to the growth of Steemit by participating in clubs.

How To add Line breaks

I Love drawing animals

Example of line break;

INPUT

OUTPUT







I love drawing animals.

How To Align Images

To Align Images you either pull it to the Left or right or center.
Example;

INPUT

IMG_20220421_191248.jpg

IMG_20220421_191419.jpg

IMG_20220421_191327.jpg

OUTPUT

How To Scale down Your Images on Steemit

Firstly, this is how the image code will be initially;
![IMG_20220416_111035_279.jpg](https://cdn.steemitimages.com/DQmfAvtzQVDybsQQP2AysomVta9ZQrfv8w1zEVs4DuHPrXd/IMG_20220416_111035_279.jpg

  • Remove the alt texts and parenthesis and leave only the main image.
  • Then copy this code https://steemitimages.com/0x0/ and add it before the main image.
  • Then you can input the size number of how you want your image to be.
    Example;
    300x120, 6000x2400( height and width)

INPUT

IMG_20220421_212823.jpg

OUTPUT

How To Insert Link To Your Image

INPUT

IMG_20220421_224303.jpg

OUTPUT

If you click on this link, it will direct you to a larger picture.

How to bold texts and add Italic to texts

How to Bold texts

To bold a text, type in double stars and enter the text and then type double star again at the end of the text.

INPUT

IMG_20220421_225400.jpg

OUTPUT

Steeming is my hobby

How To put texts in Italic

To put texts in Italic use one star at the beginning of the text and one star at the end.

INPUT

IMG_20220421_225756.jpg

OUTPUT

Steeming is my hobby

How To Create Horizontal Rules

To Create Horizontal Rules use three or more asterisks***, dashes----, underscores______

Example;

INPUT

IMG_20220422_080246.jpg

OUTPUT




Conclusion:

I want to appreciate @cryptokannon for a wonderful article on applying markdowns. I believe you will have a proper understanding with this, and I hope you will love it.

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:  

Hello @wealthmary, your post has been supported by @deepak94 using the @steemindiaa community curation account, which is our Indian community's official curation account.

Thank you for contributing to our community. We greatly value the work you have put into this post.

We have carefully reviewed your post and come up with the following conclusion:

CriteriaRemark
Club status-
PlagiarismNo
Steemexclusive
Total word2290
Root taglernwithsteem

Feedback and Conclusions

  • Follow @steemitblog for all the latest updates, and keep on creating quality content on Steemit.

Regards,
@deepak94 (Moderator)
Steem India Community

Thank you