Hi Steemians, I'd like to present my Achievement 4, which is talking about Applying Markdown on Steemit. I have carried out a lot of research on this, and I hope this task will help the newcomers to know the various markdowns and how to apply them when writing.

What is Markdown?

Markdown is a lightweight markup language that can be used to add formatting to plaintext text documents. Fortunately, steemit supports markdown, and this helps stemians to write and style good content. Below are some markdown styling tools that can be used on steemit

1. HEADER

One of the most important requirements when writing good content is a good header. The header tells readers what the body of your write-up will talk about. A good header, therefore, attracts readers.

There are six(6) different headers that can be utilized when using markdown. These headers are; Heading 1, right up to Heading 6. Heading 1 is the largest, while heading 6 is the smallest. They are defined by adding hashtag(s), and a space before the intended header text. Heading 1 will take a single hashtag, heading 2 will take two, and so on. The code and output will be as shown below.

Output

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

2. TEXT STYLING

Text styling here includes attributes such as bold, italics, and strikethrough. These attributes can be added as follows;

To bold text, add doubled asteris (**) or doubled underscores(__) at the beginning and ending of the text, with no spaces before and after the asteris or underscores.

To italicize text, add a single asteris (*) or a single underscore(_) at the beginning and ending of the text, with no spaces before and after the asteris or underscore.

To strikethrough text, add doubled tilde operators (~) at the beginning and ending of the text, leaving no spaces before and after the tilde operators.

To bold, italicize and strikethrough text, add tripled asteris and doubled tilde operators (***~~) at the beginning and ending of the text, leaving no spaces before and after them.

These can be illustrated as:

Output

This text is bold
This text is italicized
This text is strikedthrough
This text is bold, italicized and strikedthrough

3. LISTS

You can also list items on steemit using markdown. The list can either be an unordered or ordered list.

To create an unordered list, add a single hypen (-) or asteris (*) before each item, adding a space between.

To create an ordered list, just precede each item with a number. As illustrated below.

Output

Unordered list of the first five days of the week

• Monday
• Tuesday
• Wednesday
• Thursday
• Friday

Ordered list of the first five days of the week

1. Monday
2. Tuesday
3. Wednesday
4. Thursday
5. Friday

4. TABLES

Tables are very important to explain or describe content on steemit. For instance, if I want to write about some footballers, I can decide to put their attributes on a table and display as follows.

Output

Table with Markdown

Output

Table with HTML

5. IMAGES AND VIDEOS

Images are Videos to a greater extent are what makes content more interesting. Luckily, these can be added on steemit as follows;

Images can be added by two methods, either by dragging and dropping the image into the steemit writing area, or by locating the image where it is saved on your device through the 'selecting them' link directly after the writing area. If the image is successfuly uploaded, its link will display in the writing area as follows.

Output

To add a video on steemit, upload the video to youtube, the copy the video link and paste in the writing area as shown below.

Output

6. MENTIONING PEOPLE

When you mention someone on steemit, a notification is sent to that person that he/she has been mentioned. This is a method used to call peoples' attention to a particular post. To mention someone on steemit, simply write the At sign (@) before the username of the person you want to mention, as shown below.

@rexiano
@wiltord

7. PULL TEXT IN TWO COLUMNS

You can also have two columns aligned side-by-side on steemit. To pull a column to the left, create a div with the class "pull-left". On the other hand, to pull a column to the right, create a div with the class "pull-right". This is shown as follows;

Output

All in all, I attempted to write about Achievement 4 based on what I had ascertained from my own intellectual abilities. However, I'll beg to be pardoned if there are any errors in my post, or if I left out anything essential.