How To Apply Some Basic Markdowns - Full Tutorial For Newbies

png_20220317_120059_0000.png

Designed With Canva App


Good day, everyone.

I'd like to welcome everyone to my blog; my name is Mistural and today I'll be doing something totally different, it's a tutorial on how to apply some markdowns styles to your post.

I made series of before joining Hive, like how to write contents like a pro, the proper markdowns to use and how to apply them. This aid my growth on the chain, applying the proper markdowns makes your articles or post neat and helped attract people to your post.

I watched different YouTube video, check some old users write up about applying markdowns styles, the HTML code to use and so many more.

The current edition of the newbies initiative program started few days ago, and I noticed some of the newbies don't know much about markdowns, some of them don't even know how to apply those markdowns to their post and this makes their post or contents unattractive.

After some discussion with @starstrings01 I decided to write about markdown styles and how to apply them.


How To Apply Headers Or Headlines


Headers, headlines or sub-headlines are particularly significant aspects to consider while creating an article on Hive or other blogging platform since they display the structure of your content and help guide the reader's eye.

Follow the steps below to apply header on your text or sentence πŸ‘‡ πŸ‘‡

To apply this markdown simple insert the symbol # at the start of the text or sentence.

Note: As the number of # symbol increases the size of the text or sentences decreases.

Check out the sample;

Header 1

Header 2

Header 3

Header 4

Header 5

You can see the sample above, simple check out the markdown used, I added the symbol # at the beginning and the more I add the # the more the decrease

# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5


How To Text-justify A Text Or Sentence


You might be asking why I termed this markdown the special one. The answer is that using this markdown will make your article or post stand out, make it easier to read, and make it look neat.

When you use text-justify markdown in your post or article, space is added between words to ensure that both margins are aligned on every line.

Follow the steps below to apply text-justify markdown on your text or sentence πŸ‘‡πŸ‘‡

<div class="text-justify">Input the text or sentence and end it with </div>

Check out the sample;

I'll write about the aims of the newbies initiative program, I'll show how it looks before and after adding text-justify markdown

  • Before adding text-justify markdownπŸ‘‡

The newbies initiative program aim to assist newbies understand the Hive blockchain, support them and teach them Do(s) and Don't(s) of the platform.

  • After adding text-justify markdown to the πŸ‘‡
The newbies initiative program aim is to assist newbies understand the Hive blockchain, support them and teach them Do(s) and Don't(s) of the platform.

Text-justify made the sentence neat and appealing to readers, as seen in the sample before and after adding the markdown.


Markdown For Table Creation


Tables are used to make similarities between two or more subjects or objects, the difference can as well be highlighted using table. Furthermore it can also be used to make columns or spreadsheet.

Follow the steps below to create table or column πŸ‘‡πŸ‘‡

Header 1 | Header 2

------ | ------

Cell 1 | Cell 2

Cell 3 | Cell 4

Cell 5 | Cell 6

The Result πŸ‘‡

Header 1Header 2
Cell 1Cell 2
Cell 3Cell 4
Cell 5Cell 5

How To Centralized A Text Or Sentence


Centralizing your headlines or sub-headlines will give your article some beautiful touches, I preferred centralizing my sub-headlines because it makes more presentable.

  • Follow the steps below to centralized a text or sentence πŸ‘‡πŸ‘‡

<center>What Are The Aims Of The Newbies Initiative Program</center>

The Result πŸ‘‡

What Are The Aims Of The Newbies Initiative Program


How To Bold/Italic Text Or Sentence


As a blogger or a writer you might consider highlighting some certain or important text or sentence.

There are two ways to do this, it's either you make the text or sentences bold or Italic this will help the reader to understand the certain or important part of your write up.

Follow the steps below to make a text or sentence bold πŸ‘‡πŸ‘‡

Making a text or sentences bold, simply add the symbol ** at the beginning and the end of the text or sentence

Check out the sample;

The **Hive Learner Community**is a great community

The Result πŸ‘‡

The Hive Learner Community is a great community

Follow the steps below to make a text or sentence Italic πŸ‘‡πŸ‘‡

Making a text or sentences bold, simply add the symbol * at the beginning and the end of the text or sentence

Check out the sample;

The *Hive Learner Community* is a great community

The Result πŸ‘‡

The Hive Learner Community is a great community


How To Properly Source Image Or Reference/Link


Plagiarism is a serious offense on Hive, and those who are caught are severely punished by the @hivewatcher.

To avoid any type of plagiarism, it's always a good idea to source or mention the link to your photos, text, or quotes that were downloaded or that belong to another user.

For instance, I used Google to find and download the image below.

62PdCoV9UZotpbHM8cPzu674NgPikiTida1trLXjBSGoBzsoeDaQaYiUqSD5V4TUqV5Nezf5kkvciZXXoetnCAqmpdmpv3d19NPGwhxyMmUsFBk.png
https://helloacm.com/markdown-markup-language-quick-tutorial/amp/

Although I did the proper thing by including the source link beneath the image, the post isn't particularly attractive.

Simply use the markdown format below to source the image's link source πŸ‘‡

[Image source](link)

The Result πŸ‘‡

62PdCoV9UZotpbHM8cPzu674NgPikiTida1trLXjBSGoBzsoeDaQaYiUqSD5V4TUqV5Nezf5kkvciZXXoetnCAqmpdmpv3d19NPGwhxyMmUsFBk.png
Image source

You can see how this one differs from the first; it contributes to the attractiveness and acceptability of my writing.


Quoting Is Another Method Used In Citing Source Or Reference

To avoid plagiarism, as a content creator who conducts research or uses other people's text or discussion, you must correctly quote the word, text, or discussion.

Follow the steps below to quote a text or sentence πŸ‘‡πŸ‘‡

Quoting a text or sentence, simply add the symbol < at the beginning of the text or sentence

For example;

Let's say I want to quote one of the most famous statements I came upon online; I'll have to quote it to prevent plagiarizing it directly. Here's how I quoted it; simply add the symbol >to the beginning

>The journey of a thousand miles begins with one step.

The Result πŸ‘‡

The journey of a thousand miles begins with one step.

In addition, you can decided to cite the author or owner by adding the the source or username of the owner underneath the quote

Example; >The greatest glory in living lies not in never falling, but in rising every time we fall.
[Lao Tzu](https://en.m.wikipedia.org/wiki/Laozi)

The Result πŸ‘‡

The journey of a thousand miles begins with one step.
Lao Tzu


How To Add Subscript and Superscript


Subscript simply implies that a sentence, text or number is placed below the baseline, whereas SuperScript means that a sentence, text or number is placed above the baseline.

Follow the steps below to Subscript a text or sentence πŸ‘‡πŸ‘‡

<sub>Text or Sentence</sub>

For instance, If I want to write down the chemical formula for water, H2O, I can simply add 2 to make it unique.

Subscript 2

H<sub>2</sub>O

The Result πŸ‘‡

H2O

Follow the steps below to Superscript a text or sentence πŸ‘‡πŸ‘‡

<sup>text or number here</sup>

For instance, if I want to write down the math problem 42=16, I must SuperScript the number 2 to make it unique.

Superscript 2

4<sup>2</sup> = 16

The Result πŸ‘‡

42= 16


Adding Horizontal Ruler/Line


Horizontal ruler or line will make your content beautiful, adding ruler will give enough space between two paragraphs or headlines.

Follow the steps below to add horizontal ruler or line πŸ‘‡πŸ‘‡

Use this symbols *** or ___ or --- to add ruler or line to your post.

How To Align Images Or Text


Aligning an image or text simply means placing it on the left or right side of the page.

You can compare or differentiate a picture or text by aligning them.

You might wish to show the before and after of a product, an object, or a craft, for example.

Let me demonstrate. A few days ago, @vickoly one of the newbies published a step-by-step tutorial on how he made a stunning shoe. With the image/text alignment markdown, I can quickly align the before and after shoe processing.


Before and After

Looking at the images below, I showed the before and after making the shoe, the before process was aligned at the left hand side while the after process was aligned at the right hand side.

I used the markdown below πŸ‘‡

<div class = "pull-left"> image link</div>

<div class = "pull-right"> Image Link </div>


Final Words


I'd prefer to pause right now. The aim of this post is to assist everyone, especially newbies, in becoming better content creators on Hive. These are only a few of the numerous markdown styles that may be found on this network. For markdown style examples, I recommend checking out the website listed below.

Thank you for visiting my blog, I hope you have learnt one or two things from my content today, you can follow me to for more quality contents that will learn one or two things from you can check out My Introduction Post To know More About Me and If you find my content useful or interesting, please appreciate my work by leaving a comment, upvote, and probably rehive it so that more users can see it

H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now
Logo
Center