[Repost]Achievement 4 by @calipo09 Task: Applying Markdowns.
As humans, we are attracted to what we see to be beautiful. A nicely presented post with no meaningful content can get a lot of views more than a post which has meaningful content but lacks the proper presentation. For this reason, I see presentation to be key in my steemit life in such a way that, people will have to be able to gain rewards. All this rewards cannot be achieved if I put out content without proper presentation. This is why I have decided to proceed with my achievement 4 which is going to enlighten me on how to use markdowns to nicely format and present my posts.
There are several markdowns which I have heard of but I have been able to use only few. However, I will be talking about some basic markdowns and how they can be applied to posts to make the post look attractive.
- Markdowns used for Headers
Headers are very essential in posting and there are different types of headers which can be used for different purposes.
To create a header, I add a hashtag (#) and give space and enter the header text. But to reduce the size of the header, you increase the number of hashtags before the header text. Below is an illustration.
# HEADER ONE
## HEADER TWO
### HEADER THREE
#### HEADER FOUR
##### HEADER FIVE
The output of the code above is
HEADER ONE
HEADER TWO
HEADER THREE
HEADER FOUR
HEADER FIVE
Bolding of texts is one of the easiest things to do when writing a post. To bolden a text one needs to add two asterisks (**) before the text you want to bolden. Below is a demonstration
**This is a bold text**
The result of this code will be
This is a bold text
To italize a text of sentence, we use the following code
*This text is italic*
The result will be
This is italic
Links can sometimes become annoying due to their length but we can hide them in a simple text. Below is an illustration of how I placed my achievement 1 post link in a simple text
[Achievement 1](https://steemit.com/hive-172186/@calipo09/achievement-1-post-by-calipo09-my-introduction-post )
The result will be
Achievement 1
In trying to center text one will enter the text inside the
Tag and this is demonstrated below
<center>This text is centered</center>
The result for this code will be
In writing, sometimes you may want to demonstrate different text at the same time or maybe in different languages.
To do this, we can use the following markdown
<div class="pull-right">This text will be on the right
“As humans, we are attracted to what we see to be beautiful. A nicely presented post with no meaningful content can get a lot of views more than a post which has meaningful content but lacks the proper presentation.</div>
This will be on the left
“As humans, we are attracted to what we see to be beautiful. A nicely presented post with no meaningful content can get a lot of views more than a post which has meaningful content but lacks the proper presentation.”
This will be the output
Markdowns can be applied to make numbers or letters fall below the base line of a text or sentence. The markdown used here is ( ) and its demonstrated below.
CO<sub>2</sub> is a compound called carbon dioxide
And the result for this will be
CO2 is a compound called carbon dioxide
This markdown is useful when it comes to the typing of mathematical equations and also making references. The tags used for this functions are and its demonstrated below
Find x in the following expression 2<sup>x</sup>=1
The output will be displayed as
Find x in the following expression 2x=1
Also links can be embedded in superscripts and this is written as
I’m Cyril Caleb a level 200 computer science student in CKT UTAS<sup>[source] (https://steemit.com/hive-172186/@calipo09/achievement-1-post-by-calipo09-my-introduction-post ) </sup>
And the output will be
I’m Cyril Caleb a level 200 computer science student in CKT UTASsource
As steemit frowns on plagiarism, when someone’s work is copied it has to be cited and this is how we do it.
> “Any fool can know. The point is to understand.”
― Albert Einstein
This will show as
“Any fool can know. The point is to understand.”
― Albert Einstein
Left align
To place an image in your presentation and align it to the left the following code is to be used
<div class="pull-left">https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg
The text concerning the image will follow up here.</div>
This code will show as
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg)
Right align
To align an image to the right the following markdown code is used
<div class="pull-right">
https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg
</div>
The text concerning the image will follow up here.
This code will show as
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg)
Center align
To align an image to the center the image link is placed in the
<center(https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg</center>
The output of the code will be
![](https://steemitimages.com/640x0/https://cdn.steemitimages.com/DQmT7EM1HWgCNM5bXbKpowN1tgYQBxH5v9ibsU3EKLVx1p8/love%20steem.jpg)
How to create tables using markdowns
There are two ways in which we can create tables but I normally stick to the HTML form. Below are the markdown codes and its output.
Achievements Links
Achievement 1 Achievement 1
Achievement 2 Achievement 2
Achievement 3 Achievement 3
<table>
<tr>
<th> Achievements</th><th> Links</th>
<tr>
<td> Achievement 1</td> <td><a href="https://steemit.com/hive-172186/@calipo09/achievement-1-post-by-calipo09-my-introduction-post">Achievement 1</a></td>
</tr>
<tr>
<td> Achievement 2 </td><td><a href="https://steemit.com/hive-172186/@calipo09/achievement-2-calipo09-task-basic-security-on-steemt">Achievement 2</a></td>
</tr>
<tr>
<td> Achievement 3 </td><td><a href="https://steemit.com/hive-172186/@calipo09/achievement-3-by-calipo09-task-content-etiquette">Achievement 3</a></td>
</tr>
</table>```
@calipo09, good user experience in the use of Markdown. But you were expected to make a post applying those tools not just representing them as you did. Notwithstanding, your achievement task has been verified.
Hi, @calipo09,
Your post has been supported by @wilmer1988 from the Steem Greeter Team.