Achievement 4 by @hocus-pocus47

in Newcomers' Community3 years ago (edited)

5zGozCj1raAPxR2gxtAcC4PqrgwoJ7g4fhsaZBQiGiZqD889BbQ4T549TWZABAvqcobswXFPUr6j4ayh8b8RdG8cnP3N84eqMtJbe73piFxxKHyrtMcNMqCVUPxFdGmPSNexG6iq3dm8hpXBErbnZVAdMiU4jg7o5bcyTztnpvxrvZ2r8nNm5BRfC6KskEfiUJgsWrtw7ZmLSBGrUzaTr.png

One way by which one can draw and maintain attention on his or her post is by providing good content. In addition to this presentation is also another big factor. The objective of Achievement 4 is to help bring one to speed on the use of Markdown in order to present one's posts in a manner devoid of clutter and pleasing to the eyes.

Image & Text Alignment

Like in the above, the image is beautifully centred. It can be placed on the left or right as seen in everyday blogs. This is not only for images but for text as well.


This is one pretty image.

It's the inside of a very large cave.

More text goes here just to keep up apperances.


photo-1553748024-d1b27fb3f960.jpg









This is achieved by using this code like so.

Capture.PNG

The same procedure is used for the image on the right. The only difference there is you'd have <div class ="pull-right">

Headings

To make a heading you only need to put "#" or the octothorpe (hash symbol) at the beginning of the line then add your text. There are 6 headings; using one "#" gives the first which is also the biggest and using 6 of "#" gives the smallest and the last. I'm sure you've figured out how the others too work by now. So we have:

Organ

Tissue

Cell

And is done by
heads.PNG

Headings are usually centered and to do that you simply need to use this code; "<center> Your text goes here </center>". A good example is the first heading in this post.

first.PNG

Styling Text

You can bolden a text by placing it in between "** **" or "<b> </b>".
A text can be italicized by putting it in between "* *" or "<i> </i>".
To achieve a typewriter font place your text in between "``".
For strikethrough; "~ ~".
And for subscript and superscript you use "<sub> </sub>" and "<sup> </sup>" respectively.

Tables

Table creation is quite fun. It looks like stacking virtual blocks in my opinion and you'll soon see why. Below is a table that shows what I generally do at a point in time each day.

PeriodFunction
MorningChores
AfternoonAnime/Movies
EveningTexting & Browsing

And this is how it looks

tablle.PNG

Links

To create a link for an image or anything, you'd first need the link address you'd want to go to and put that in parenthesis. Now you enter whatever you'd want to serve as the click point (not sure if that's a term😅) and put that in square brackets. I'll put down the link to my introductory post as an example.
I'm pretty sure you'd want to know me, click here to know more.

The process to get our link in there now looks like this
link.PNG

For the post to look as it is, I had to justify it by using this code
div.PNG

So now it looks like this
just.PNG

Instead of

noJust.PNG
This makes one naturally enjoy watching or reading your posts because it has some uniformity to it.

I want to thank the #newcomerscommunity and @cryptokannon for the knowledge and motivating me to learn and know more about the intricacies of Steemit as a whole and enable me fit in.

Sort:  

You have been verified for this task and you may proceed to the next achievement task at your convenience.
Note:

Curators Rate: 3

Please continue to read and prepare from @cryptokannon Achievement tasks resources

 3 years ago 

Thank you

 3 years ago 

Hi, @hocus-pocus47,

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

 3 years ago 

I appreciate it

 3 years ago 

Very nicely done. Keep steeming.

 3 years ago 

Thank you😁

Coin Marketplace

STEEM 0.17
TRX 0.16
JST 0.029
BTC 76095.48
ETH 2918.89
USDT 1.00
SBD 2.65