Creating links

links are specially formatted text which once clicked it takes you to data located in another place
The simplest link you can create with markdown is to add the @ sign in front of a username.
Eg @manuelhooks this we'll create a link to manual hooks blog page. by default, links often come in blue or green colours.

You can create a link by dropping its url on the open it works though it might look a little messy.

Example
Code

https://steemit.com/hive-197809/@manuelhooks/introduction-to-cryptography-keeping-your-password-safe

Result
https://steemit.com/hive-197809/@manuelhooks/introduction-to-cryptography-keeping-your-password-safe

You can make your link look more decent using square brackets [ ]and the normal bracket( ). Place the link text in the square brackets and hide the link itself in the normal bracket.

Example
Code

[My Source](www.readipadia.com)

Result
My Source
This looks a lot better for a link.

An image or picture can also be used as a link if it's description link or URL are enclosed in square brackets

^{This picture if clicked will take you to my first post on Markdown.}

Horizontal separator / ruler

The separator are often used to split paragraphs or ideas, the simplest type involves placing at least three asterisks or Dash where you wish to cross the line

Example
Code

***

Result

The second time involves using a picture which when inserted saves as a separator the picture must be formatted with the size that fits the job.

Example
Code

![photostudio_1627834049737.png](https://cdn.steemitimages.com/DQmRgSBJ9pdVnqFn2Z1ruWAenxE4ty5AHQZY8uQiGPHmQ4w/photostudio_1627834049737.png)

Result

Working with tables

A table is an arrangement of data into rows and columns.
To create a table with markdown, use hyphens -and pipes |, pipes are mostly used to create columns while hyphens are use to demarcate the rows.

Example
Code

|Monday|Tuesday|Wednesday| 
|-------|-------|------ -| 
|Garri|White Soup|Beans|
|Paper soup|Yam|Plantain|

Result

The contents of a table can be formatted into various alignments styles.
Not that default alignment is align left
The contents of a table can be formatted into various alignments. Not that default alignment is align left

|:---------|
Align the content of this column to the left

|:---------:| 
Align contents of this colour to the centre

|---------:|
Align contents of this column to the right

you can also use the bold, italic and strikethrough formatting feature on the contents of these columns

**bold**

`Highlight`  

*italics* 

~~Strike~~

Working with pictures

Pictures add more colour to a write-up, it makes it easier for the reader to understand but the concept and idea that are had to expressed with words.

To insert a picture using markdown, start with an exclamation sign followed by the pictures name enclosed in a square bracket, then the URL enclosed in normal brackets

Example
Code

![IMG_20210703_115418.jpg](https://cdn.steemitimages.com/DQmNeCwrniJWraU9mgMjEhXhefp9hzbw4cVKyNhh3txcNLK/IMG_20210703_115418.jpg)

Result

it would be more efficient to use the select item feature to insert your picture

Align text or pictures into columns

This would best be used when making comparison.

Example
Code

<div class="pull-right">
TEXT RIGHT This section of text will be on the right column while this text will flow under it.
</div>
TEXT LEFT This section will remain on the left column on the screen. I am still trying to figure out when this could be necessary.

Result

Inline codes

These are special blocks of text which are formatted to tell the markdown processor not to process the text but to display it exactly the way it is written.
As a result markdown well highlight the text and may add some colour formatting to it

To indicate an inline could use three backticks at the start and end of the code

This is where I type my Example codes

.