Achievement 4 by @assurancescobar \\ task: Applying Markdown

in Newcomers' Community3 years ago (edited)

Introductory-Guide-to-Markdown-for-Documentation-Writers-Document360-scaled.jpgsource

Markdown is a set of scripts that helps you organize and format your posts. You can format words, add photographs, videos, and recordings, and do a lot more using markdown. It's a web-based text style approach.
Now, let's have a look at how to use markdown on steemit.com.


Block quote

With great power comes great responsibility

To achieve the above, add > at the beginning of the words you want to quote
Example:
>With great power comes great responsibility

Aligning text:

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

Left align:

I’m not afraid of the dark.

### Left align code

<div class=”text-right”>*press enter* I’m not afraid of the dark.*press enter* </div>

Right align:

I’m not afraid of the dark.

Right align code

<div class="text-left">*press enter* I’m not afraid of the dark *press enter * </div>

Center align:

I’m not afraid of the dark.

Center align code:

<div class="text-center">*press enter* I’m not afraid of the dark. *press enter* </div>


Headers:

The most important component of writing a post is the headlines and sub-headings. In markdown, there are two ways to make a headline; let's look at one of them.

Heading 01

Heading 02

Heading 03

Heading 04

Use the following codes to create the above headers:

# Heading 01

## Heading 02

### Heading 03

#### Heading 04

Tables:

I’ll show you how I made the table below;

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

To make a table use these line of codes:

Cell 1 | Cell 2
------- | -------
Item 1 | Item 2
Item 3 | Item 4

Bold Text:

For bold text use **

Bold text

Use these codes:

**Bold text**

Italics

These are in Italics

Code for the above:

_These are in Italics_

Aligning images.

Left alignment :

IMG_20211019_082713_116.jpg


When an image is oriented to the left, the text quickly after it follows suit and moves to the right.

Left alignment code:

<div class="pull-left"> *press enter twice if need be* paste your image *press enter twice if need be* </div>

Right alignment :

Screenshot_20211006-224456.png


The text is automatically adjusted to the left and the image is now orientated to the right.

Right alignment code:

<div class="pull-right"> *press enter* paste your image *press enter* </div>


I Hope you find my post helpful, thank you all.

CC:
@cryptokannon
@steemcurator01
@venon

Link to my achievement 1 , 2 ,3 posts:

Achievement 1: My introduction post on steemit

Achievement 2: Basic security on Steemit. By @assurancescobar

Achievement 3 by @assurancescobar Task: Content Etiquette

Coin Marketplace

STEEM 0.19
TRX 0.15
JST 0.029
BTC 63811.50
ETH 2617.28
USDT 1.00
SBD 2.77