Achievement 4 , Task : Applying Markdowns by @murdani94

in hive-172186 •  3 years ago 

image.png
Source Image

I just saw a notification, that my achievement3 has been verified. It's been a long time, I didn't even get an upvote, maybe it's because I haven't posted in a long time, maybe it's because I'm tired of waiting.

But this time I want to try to continue #achievement4 entitled Implementing Markdown, hopefully I can become a #academytrainee soon

line.png

  • Title and Subheading

  • Markdown Code :

# Your Title
## Your Title
### Your Title
#### Your Title
##### YourTitle
###### Your Title

Then it will look like this:

Your Title

Your Title

Your Title

Your Title

YourTitle
Your Title

line.png

  • Bold, italic, bold italic, and Underlined text

Markdown Code :

Bold : ** Steemit **
Italic : * Steemit *
Bold Italic : *** Steemit ***

Then it will look like this:

Steemit
steemit
Steemit

line.png

  • Create Up and Down ranks

The rankings above use the code <sup> and close with </sup>
The rankings below use the code <sub> and are closed </sub>

The rankings above

  • Ex : 3<sup>2</sup>

  • Results : 32

The rankings below

  • Ex : H<sub>2</sub>O

  • Results : H2O

line.png

  • Bullet and numbering.

To create a bullet can use the symbol (-) or this symbol (*)

Usage Example:

- Your Teks
- Your Teks
- Your Teks
* Your Teks
* Yor Teks
* Your Teks

Results :

  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text
  • Your Text

Numbering

Contoh Penggunaan:
1. Text 1
2. Text 2
3. Text 3

Resulti:

  1. Text 1
  2. Text 2
  3. Text 3

line.png

  • Insert Text Link.

To write a source or direct readers to another site or link, you can insert a link in text with the following symbols:
[Mylink](https://steemit.com/murdani94)

Result : Mylink

line.png

Tables

Markdown Code :

Table Column1 | Table Column2
--------- | ----------
Salt 1 | Salt 2
Salt 3 | Salt 4

Results :

Table Column1Table Column2
Salt 1Salt 2
Salt 3Salt 4

line.png

  • Aligment text

  • justify

Code :

<div class="text-justify">Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.</div>

Result

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.

- Center aligment

<div class="text-center">Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they maker</div>

Result

<div class="Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make
  • Right Aligmnet

<div class="text-right">Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make</div>

Result :

teem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make

  • Left Aligment.

<div class="text-left">Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make</div>

Result

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make

line.png

  • Paragraph 2 Column

Code :

<div class=pull-left>
Your Paragraph 1
</div>

<div class=pull-right>
Your Paragraph 2
</div>

Result :

Shareholders of social media platforms made billions of dollars from user-generated content. The content creators? They made nothing.
Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.

line.png

  • Insert a Picture in a paragraph

Image in the Center of Paragraph

<div class="pull-center">Image Link<center>image caption</center></div> Paragraph

Result :

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.

Image in the Right of Paragraph

<div class="pull-right">Image Link<center>image caption</center></div> Paragraph

Results :

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.

Image in the Left of Paragraph

<div class="pull-left">Image Link<center>image caption</center></div> Paragraph

Result :

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.

line.png

  • Showing the code in the post

To code your post, you just need to add <code> markup before the desired text and close it with </code>. But this "only applies to writing plain text." To create a script/code like the example above, you can use the symbol () in each markup. Both the opening tag and closing tag. **Ex :**Academy Trainee`

Result :
Academy Trainee

  • Creating Paragraph lines

  • Code:
    <hr>
    ---

Result :


line.png

  • CreatesQuotes - Blockquotes

You can Put a sign > before the Paragraf.

Result :

Steem flips the model and returns the value to the people who contribute the most. Users become platform stakeholders, maintaining control over their data, and earning cryptocurrency rewards for each contribution they make.source

line.png

Thaks
By @murdani94

CC :
@atim1234
@steemcurator01
@focusnow

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

#club5050 😀

  ·  3 years ago (edited)

Very good @murdani94, excellent work, it can be seen that you understood the explanation of achievement 4 very well, I want to inform you that you have been verified and that you can continue with your next achievement:
Achievement 5

Remember with a reputation of 50+ and 150+ Steem Power, you can join the introductory beginner level courses in the Crypto Academy Community, which are open to anyone who has met the first 4 achievements of the New comers Community . For more information, go to the following link:

Steemitblog: Requirements for CryptoAcademy

You can also enter the telegram channel that I have created so that you can inform us when your next achievement is ready and in this way review it as soon as possible ...

My Telegram Group Check Achievements

Rate 3

Please greeter acc my achievement3. I need someone support my content.

https://steemit.com/hive-172186/@steemcepat/achievement3-or-by-steemcepat-or-tugas-kode-etik-konten