ACHIEVEMENT 4 || MARKDOWN STYLES by @WISDOM12

in Newcomers' Community3 years ago

Hello steemians i'm so excited that i have finished the previous achievement(Content ETIQUETTE), here I will be exploring to my understanding what apply markdown style in steemit means and to apply them. I will be so happy with you'll if y'all spend time on my achievement 4 post.

images.jpeg
Source

Steemit has a marshal or ordered way of bringing up new members on how to write properly with some symbols to keep matured work which is seen as the Markdown Styles.


MARKDOWN STYLES IN STEEMIT


First Markdown styles can be seen as those various symbols or writeup with symbols that help to make you work clean, organized and accurate.
Below are some types of markdown involves is steemit platform.


APPLYING MARKDOWN STYLES


1 . HEADING: Heading work in steemit is done using the hash symbol (#). When you include hash(#) in front of a text or word then give a space, your desired size appears due to number of hash(#) included. Note that the more you place the hash(#) symbols at the front of the text or word the more the size decreases to your desired size.
Example

Input

Screenshot_20211228-125359.png

Output

Heading

Heading

Heading

Heading


2 . To Break A Page: The use of four asterisks (****) helps to break a page or make a straight horizontal line appear at the point the asterisks is been placed which will break the text.
It the simplest markdown style and mostly used by steemian. For example;

Input

Screenshot_20211228-130226.png

Output

My name is @lonsbilli and I love writing about relevant things and also i love studying my books.


But my brother loves watching movies and also delivered goods to people.


3 . Bold, Italic, strike
Bold:This can be used by using two asterisks at the beginning of a write up then and then close with two asterisks. E.g ( ** ........ ** ).
Italics: This includes inputing one asterisks at the beginning of a write up and then close with one asterisk. E.g ( * ........ * ).
Strike : This includes the use of two tildes at the beginning of a write up and then close with two tildes ( ~~ ........ ~~ ). For example,

Input

Screenshot_20211228-130941.png

Output

  • Bold- Steemcurator03
  • Italic- Steemcurator03
  • Strike- Steemcurator03

4 . To Center Text : To centralize, you'll use < then write center and close with>, then write your desired word and then use < / write center and close with >. For example,

Input

Screenshot_20211228-205449.png

Output

LONSBILLI


5 . To Justify Text: justify a text i.e to make it look well arranged from beginning to the end, use < and then write div give space and write class then use = "text-justify" and close with> which will be at the beginning of your write up and after your write up, you close with </ write div and close with> which ends your write up. For example

Input

Screenshot_20211228-210149.png

Output

My name is Lonsbilli I live in Rivers State and I am a steemian I have an elder brother who deliver good to people.


6 . Adding Images and How To Source Images : If you want to add your image, all you have to is click the place you wish to put the image, then click on selecting them.
It will lead you to your gallery, choose the image and upload.
If the image isn't yours, repeat the above procedure, then below the image use [ and write image source and close with ], then use ( paste the link where you got the image from and close with). For example,

Input

Screenshot_20211228-210842.png

Output

images.png
source


7 . To Create A Table : To create a table, firstly you write the thing you wish to write in the first column, then use | and then write something in the second column.
Under it, use ---------- | ----------, if you write on the first column, use | before writing on the second column. Example

Input

Screenshot_20211229-090721.png

Output

ItemsPrices
Clothes$50
Indomie$5
Tea$2
Shoe$4
School books$70

8 . Applying Number and Bullet : To number a text, you just have to add the desired number where needed. But in the case of adding a bullet, use the asterisk symbol at the beginning of the text then give a space.

Input

Screenshot_20211229-091131.png

Output

  • Achievement 4
  1. Achievement 4

9 . How To Align Text and Images : First, use < write div, class then use =, ", write pull-right" then close with > then write the text you wish to write, and close with <, /, write div and >.
Note that you can also use "pull-left".

Input

Screenshot_20211229-091832.png

Output

images.png

Source can defined as a point where ideas or thought is been gotten from.

Note: it must not be text to image or image to text alignment only, you can also align an image to image or text to text the same way.


There are many more markdown styles but the ones listed and explained above are the I'm familiar with and can really tell about it which I just did. Thanks you'll for spending your precious time on my achievement 4 post.

Cc:
@cryptokannon
@bright-obias
@steemcurator03
@belenguerra

Sort:  
 3 years ago 

Well done @wisdom12, you've successfully completed your Achievement 4 task....keep on blogging steemian....🤗 You can now move to your achievement5task1 post but wait until it is verified by the greeter teams.

Hello. For this achievement you need to make a simple post, applying the markdown. The goal is not to make a list of codes, the goal is to apply those in a post of any topic. Please do this to be verified.

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.028
BTC 58665.29
ETH 2302.95
USDT 1.00
SBD 2.51