Achievement 4 by @wahajdin Task : Applying Markdowns

Quality of content is always required. But when we talk about Presentation of Content then it is also integral part of Quality content. We cannot produce Quality content without seeking the presentation Etiquettes. If we want to work on steemit and make post in different communities, then we need to learn how to make our content attractive and easily readable. In this context steemit added its own editor in which we write and design our content.
For this purpose we will learn about few Mark down styles that is purposed by steemit. We will learn that how to design our content in concise way. According to requirement of Achievement 4 will discuss the any 5 mark downs. I hope you will find it helpful.

Table

If we want do comparison between two different things then we add table in our content. For this purpose we add table in html format. I suggest html method because I feel it is easy.

How to create a table using html?

Add starting tag that <table> then Add <tr> and for Heding <th> Heading 1</th> for the second colum repeat thing process. Add <th>Heading 2</th> Then close the </tr>. This is the heading part.
Next we move to data part in which first we add <tr> <td> H1 Data</td> for second Heading data repeat this code. <td> H2 Data</td> and close the </tr> tag. And so ON. At the end close the tag with </table>.

Syntax

<table>
<tr>
<th> Heading 1 </th> <th> Heading 2 </th>
<tr>
<td> H1 Data </td> <td> H2 Data </td>
</tr>
<tr>
<td> H1 Data 2 </td> <td> H2 Data 2</td>
</tr>
</table>

Output

Text Justify

If we want to make our text in justify format like in word document. Then we just need to add tag before the whole text is <div class="text-justify"> Text</div> that’s it.

Syntax:

<div class="text-justify">
Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification.
</div>

The Output will be

How to Align text into two Columns?

If we want to write text in two different columns then we add tag <div class="pull-right"> content </div> close the tag. Next paragraph is written as usual. This way we write the text in two different columns.

Syntax

<div class="pull-right">
Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification
</div>

Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification

Output will be

Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification. Random Text for checking the text Justification

How to add links in post and how to enclose links in words.

If we want to add reference of any website and another post in our post then we copy the page link ans paste in our post. This link is automatically clickable . For example my achievement 3 link is here

https://steemit.com/hive-172186/@wahajdin/achievement-3-by-wahajdin-task-content-etiquette

But as we notice that it’s naot looks professional. So to make professional we add this link in word and hide this long link. For this purpose add few more text and tags in our post.

Syntax

[**My Achievement 3 Post Link]( https://steemit.com/hive-172186/@wahajdin/achievement-3-by-wahajdin-task-content-etiquette
**)

Output
My Achievement 3 Post Link

Bullets

If we want to make bullet points in Steemit editor the we use the * for the making the Un-order list. Add one space between the start and text Example

*Computer
*Mobile
*Tablet

Output Will be

• Computer
• Mobile
• Tablet

If we want to make Order list than we use the number and as you can see below

1. Computer
2. Mobile
3. Tablet

Output will be

1. Computer
2. Mobile
3. Tablet