Achievement 4 by @victork || Task: Applying Markdown

in Newcomers' Community3 years ago (edited)

images (53).jpegsource

Hey Everyone!
I am Victor Kalu @victork , hope you all are well. Here is my achievement post 4 which discusses how to “Apply Markdowns” I am exceptionally happy that you set aside a few minutes to view my post.
So let’s begin:
First of all let’s talk about what markdown means.

Markdown

Markdown is a set of codes used to organize or set your post in an orderly manner. With markdown, you can format words, add pictures, videos, and recordings, and do a variety of other things. It's a method for styling text on the web.
Let's look at how to use markdown on steemit.com now.


Aligning text:

We can align the texts in our posts as shown below:

Right align:

Hello guys, this is Victor here and I’m so happy to make this post.

Right align code

<div class="text-left">*press enter* Hello guys, this is Victor here and I’m so happy to make this post *press enter * </div>

Left align:

Hello guys, this is Victor here and I’m so happy to make this post.

Left align code

<div class="text-right">*press enter* Hello guys, this is Victor here and I’m so happy to make this post.*press enter* </div>

Center align:

Hello guys, this is Victor here and I’m so happy to make this post.

Center align code:

<div class="text-center">*press enter* Hello guys, this is Victor here and I’m so happy to make this post*press enter* </div>


Aligning images.

Left alignment :

1624656577548.png


As can be seen, the image is positioned to the left. When the image is oriented to the left, the text follows suit and moves to the right.

Left alignment code:

<div class="pull-left"> *press enter twice if need be* ![1624656577548.png](https://cdn.steemitimages.com/DQmUJCZB4GWnLRYAiMU68nawEDcdwzge2JpgaqhbDnWVsrU/1624656577548.png) *press enter twice if need be* </div>

Right alignment :

1624656577548.png


The image is now oriented to the right, and the text is automatically shifted to the left.

Right alignment code:

<div class="pull-right"> *press enter* ![1624656577548.png](https://cdn.steemitimages.com/DQmUJCZB4GWnLRYAiMU68nawEDcdwzge2JpgaqhbDnWVsrU/1624656577548.png) *press enter* </div>


Headers:

For composing a post headings and sub-headings are most significant part of it. There are two different ways of making a headline in markdown, lets review one of them.

Heading 01

Heading 02

Heading 03

Heading 04

To achieve the above headings, use the following codes;

# Heading 01
## Heading 02
### Heading 03
#### Heading 04


Tables:

Below is what a table looks like;

Cell 1Cell 2
Item 1Item 2
Item 3Item 4

To make a table use the code below
Cell 1 | Cell 2
------- | -------
Item 1 | Item 2
Item 3 | Item 4


Bold Text:

For bold text use **
Bold text
The code is

**Bold text**


Italics

These texts are in Italics

Code for the above:
_These texts are in Italics_


That’s I could review from here, for more markdown codes check Markdown Styling Guide.
Hope you guys enjoy my review and thank you all.

Special mentions:
@cryptokannon
@steemcurator01
@steemcurator02

Here are links to my achievement 1 , 2 ,3 posts.
Achievement 1: My introduction post on steemit

Achievement 2: Basic security on Steemit. By @victork

Achievement 3 by @victork Task: Content Etiquette

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 63665.23
ETH 2621.19
USDT 1.00
SBD 2.77