Achievement 4 by @Ham79 Task: Applying Markdowns

in hive-172186 •  3 years ago  (edited)
Hello friends. Markdowns are a very important aspect of writing have a great impact in organizing the general shape of the text, so we must take good care of it. Through this achievement, we will learn about some Markdowns that are useful in writing.

ACH4.jpg
sourec

TEXT:

we can apply few markdowns on texts like:

  • Justify Text:

To justify a text we just put our text between this codes <div class="text-justify">text</div>
ex:

Text with out justifying code

Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)Source

text with justifying code
Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)

  • Align text into two cells

For many reasons we need to align text into two cells and to do that we must put this code before the text <div class="pull-right"> and this code </div> after it
EX:

text before aligning

Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)
Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)

text after aligning
Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)
Code blocks are part of the Markdown spec, but syntax highlighting isn't. However, many renderers -- like Github's and Markdown Here -- support syntax highlighting. Which languages are supported and how those language names should be written will vary from renderer to renderer. Markdown Here supports highlighting for dozens of languages (and not-really-languages, like diffs and HTTP headers)
  • Centering texts

we use this code <center> text here </center> to center texts and titles
EX:
Title without code

Title with code


How to draw tables:

To draw a table, you must separate the cells of one row using bars, and separate the header of the table from the rest of the rows using dashes
EX:
R1 C1 | R1 C2| R1 C3
----- | -----| -----
R2 C1 | R2 C2| R2 C3

It will be like that

R1 C1R1 C2R1 C3
R2 C1R2 C2R2 C3

Images aligning

Before you can align the image you must delete the image name (between brackets ) and the parentheses from both sides of the link.
![ACH4.jpg]
(https://cdn.steemitimages.com/DQmRw4H8x8KQNNg6LuV1pb7mKUuo7ULCydw4y2q2Fd6e4WE/ACH4.jpg)

Then put the image link between this codes if you want to
align to left
<div class="pull-left">
https://cdn.steemitimages.com/DQmRw4H8x8KQNNg6LuV1pb7mKUuo7ULCydw4y2q2Fd6e4WE/ACH4.jpg
</div>
And use this code if you want to align it to the right
<div class="pull- right ">
https://cdn.steemitimages.com/DQmRw4H8x8KQNNg6LuV1pb7mKUuo7ULCydw4y2q2Fd6e4WE/ACH4.jpg
</div>

EX:

We can also align the image to the center using the same code that we aligned the text and title with.

<center>https://cdn.steemitimages.com/DQmRw4H8x8KQNNg6LuV1pb7mKUuo7ULCydw4y2q2Fd6e4WE/ACH4.jpg</center>
EX:


Links:

any link added to steemit will become clickable but with this form, we can hide the link and display any word that we want.
[Type any word you want to display ]( Copy the link here)


Headlines:

Any text that contains almost a title and perhaps sub-headings to distinguish it from the rest of the text. We can add the hashtag # symbol before it and we can reduce the font by adding more than one symbol
Ex:
# Title
## Title
### Title
#### Title
##### Title
###### Title
It will appear like this

Title

Title

Title

Title

Title
Title

Quotes:

As we said in the previous achievement, plagiarism is prohibited in Steemit, so any citation should be distinguished by placing a greeter symbol > before the quoted paragraph.

EX:

Below are the collections of basic markdown and some advanced markdowns code/template that you can apply into your post for a little variation on the presentation of your post. source .

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:  

Hi @firdaus123, I am pleased to inform you that you have been verified for this task.
thank you for completing your achievement task up to this level, you can now take advantage of the 500Sp minnow support program by @cryptokannon, check herefor users who their Sp is below 500.
You may proceed to the next achievement task and continue to use this guide by @cryptokannon to prepare.

task rate:2

Hi, @ham79,

Your post has been supported by @ngoenyi from the Steem Greeter Team.