Achievement 4 Task by @brahmaputra: Applying Markdown
Hello Steemians. In this post I submit my Achievement 4 Task of the Lists of Achievement Tasks,Resources & Materials : Newcomers Resources.
After a long day of struggle with the updated version of the Steemit editor, here I discuss about five Markdown Styles.
1. Justify Text
The code used to justify text is --
<div class="text-justify">Required Text</div>
If we justify the text given below,
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
it will look like --
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
2. Text Alignment into two cells
To align two separate sentences to the left and right respectively, we use the code --
<div class="pull-right"> TEXT RIGHT This is Steemit and you are on @brahmaputra's Task 4 post. Here the text is aligned to the right. </div> TEXT LEFT This is Steemit and you are on @brahmaputra's Task 4 post. Here the text is aligned to the left.
The result is --
3. Image Alignment
We can align images in a post in the same way as they appear in magazines and newspapers. They can be aligned either on the left or right of the text. This can be done as follows ---
To put it on the left side of text--
<div class="pull-left"><img src="https://cdn.steemitimages.com/DQmWmqocLs7tgAgCE8Tq8DqStwDh5ReVdhS1WbYf2T1qtYh/IMG_20210415_124146.jpg"></div>
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
The result is --
To put it on the right side of text --
<div class="pull-right"><img src="https://cdn.steemitimages.com/DQmWmqocLs7tgAgCE8Tq8DqStwDh5ReVdhS1WbYf2T1qtYh/IMG_20210415_124146.jpg"></div>
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
The result is --
To insert it in the centre with full resolution, we can simply put the image URL/upload the image after/before the text--
https://cdn.steemitimages.com/DQmWmqocLs7tgAgCE8Tq8DqStwDh5ReVdhS1WbYf2T1qtYh/IMG_20210415_124146.jpg
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
The resultant text is--
The actual history of Gopeswara Devalaya temple is unknown, however it is said to have links with the Madan Kamdev temple (a.k.a. Khajuraho of the East) located 5 km away from this temple.
4. Scale down image
Sometimes we may need to scale down an image resolution by adding our own dimensions as per requirement. This can be done as follows--
A raw image code will look like this in the editor --
Here we need to delete the alt text and parentheses portion at the first part of the image and replace it with https://steemitimages.com/0x0/ which ultimately becomes https://steemitimages.com/0x0/https://cdn.steemitimages.com/DQmWmqocLs7tgAgCE8Tq8DqStwDh5ReVdhS1WbYf2T1qtYh/IMG_20210415_124146.jpg. We can switch width and height of the image as per convenience.
If we use dimensions 2000 x 1125, it will look like--
N.B.-- Actual image: 4000 x 2250
5. Creating Tables
We can create a table by using the format as follows.
Header1|Header 2
---------|----------
Cell 1|Cell 2
The resultant table would be --
| Header 1 | Header 2 |
|---|---|
| Cell 1 | Cell 2 |
To increase the number of rows and columns, we can add new headers or new cells separated by Pipes |
That's all for this Task. Thanks for reading.
N.B.- Reference text and image: BETTER LIFE | THE DIARY GAME | 15 April 2021 | Visited the Secret Passage of the Gods
You can also read my previous achievement tasks below --
CC: @cryptokannon, @steemitblog
Hi @brahmaputra
Warm greetings from "Best Of Bangladesh Community".I invite you to our community. You can participate in our community and participate in various competitions.
You can write on different topics such as The Diary Game, My Town In Ten Pics, A Better Life With Steem, Culture Challenge announced by @steemitblog. We can also perform on singing, writing & reviewing something. In addition, you can participate in ongoing contest in this platform. You can participate the contests & earn steem which are as follows :
Contest || Why Your Country Is Best
Contest || The Usages Of Applying Markdown
Have a nice day. Be happy as always.
See you soon.
I would love to join soon.
You have been upvoted by @tarpan, a greeter from STEEM POD Project and we are voting with the Steemit Community Curator @steemcurator03 account to support the newcomers coming into steemit. You may now proceed to the next achievement task.
Keep following @steemitblog for updates.