Achievement 4 by @bennethade Task : Applying Markdowns

in Newcomers' Community3 years ago (edited)

Excellent greetings to you all steemians!

It has really marveled me that as I move on, on the ladder of these beginners achievements, I keep learning amazing things that has generally helped my knowledgebase.

So, today, we will be looking into one of the sweetest tasks given to me that I found interesting to talk about – Markdowns.

markdowns.png



WHAT ARE MARKDOWNS?

According to Wikipedia, “Markdown is a lightweight markup language for creating formatted text using a plain-text editor.” Source

This simply depicts that, with the use of markdowns, one could easily format a sentence, paragraph, table, images or videos to suit his/her desires. These markdowns in other words can also be called “extra symbols” that “helps you create a document with an explicit structure” Source

Markdowns are very important because “It makes it easier for non-tech writers to produce documentation that can be collaborative and flexible at the same time.” Source



LET’S SEE A FEW OF THEM


image.png
Image Credit



1. SUB SCRIPT

Texts and numbers could be made to appear in several forms. One of these forms is the sub script feature which is represented with the "< sub > < / sub >" tag in markdowns. Let’s see an example using the carbon four oxide symbol in chemistry.

CO < sub > 2 < / sub >

The output is shown below.

CO2



2. ALIGNING TEXT INTO TWO CELLS

In cases where you want to create a text that must appear in column-like format, you’ll have to make use of the aligning feature of pull-right or pull-left. This is illustrated in the example below.

< div class = " pull-right " >This is for the right text. Now that you have seen how to align a text in two cells, kindly take note that this is where you place the first text to be aligned right. And it appears as beautiful as it is displayed below. < / div >
Then, this is for the left text. Now that you have seen how to align a text in two cells, kindly take note that this is where you place the second text to be aligned left. And it appears as beautiful as it is displayed below.

The output will be like the one below

This is for the right text. Now that you have seen how to align a text in two cells, kindly take note that this is where you place the first text to be aligned right. And it appears as beautiful as it is displayed below.

This is for the left text. Now that you have seen how to align a text in two cells, kindly take note that this is where you place the second text to be aligned left. And it appears as beautiful as it is displayed below.



3. JUSTIFY TEXT
There are times you may want to write a complete article and would want to make it as fine and easy to read as possible. In order to make your work look nice, using the justification markdown is very important because it makes the text have an equal edge on both left and right sides. This works as shown below.

< div class = "text-justify" >Now that you have seen how to justify a text, kindly take note that this place is where you place the text to be justified. And it appears as beautiful as it is displayed below. < / div >


Output

Now that you have seen how to justify a text, kindly take note that this place is where you place the text to be justified. And it appears as beautiful as it is displayed below.

But without Justify, you'll have it this way

Now that you have seen how to justify a text, kindly take note that this place is where you place the text to be justified. And it appears as beautiful as it is displayed below.

amazing markdowns.png



4. ADDING HEADING

It is almost impossible to write a complete article and have no headings. The markdown for heading helps to add an eye-catching text that simply appears to be a little bigger and bolder than others. In order to do that, you have to add the “#” symbol in front of the text you want to make bigger. The number of “#s” added In front of the text indicates the size of the heading.

Example

# Steemit is good
## Steemit is good
### Steemit is good
#### Steemit is good
##### Steemit is good
###### Steemit is good


The output will be like this

Steemit is good

Steemit is good

Steemit is good

Steemit is good

Steemit is good
Steemit is good



5. ADDING LINKS

Links are a vital form of making references in an article. They help you achieve a plagiarism-free work. Hence, the steemit blockchain encourages everyone to learn how to use these methods of making references. Below is an example on how it works.

[link](https://steemit.com/@bennethade)

This will make the above link to appear in this form.
link
Hence, making it clickable.



6. ADDING A LINE BREAK
The importance of breaking lines are always on the high side. Because, it makes sentences and paragraphs or other items on the webpage to be in segments. This makes it easier for the readers to read. In order to use the line break feature, you have to add the < br > tag at the end of whatever text, paragraph or object you want to separate from the items below it.

Sort:  

Please remove curators tag in your post so it can be verified. Also avoid tagging curators when making a post.

 3 years ago 

Okay noted. I will do that right away. Thanks for your instruction.

 3 years ago 

Repost this a.d get verified

 3 years ago 

We are sorry that we have missed this achievement post curation windows, I have upvoted your post of Achievement 5 task 1 for the catch up vote. Greeter @bright-obias.

Coin Marketplace

STEEM 0.19
TRX 0.16
JST 0.031
BTC 81268.43
ETH 3146.04
USDT 1.00
SBD 2.76