How to master simple HTML codes for lazy people | Part 3

in #masterclasskk6 years ago

**Greetings my esteemed Steemian,


Image source

How would you feel to finally complete the final part of the basic HTML codes for steemit blogger?

It was a great feeling when @bitrocker2020 finally end the basic HTML codes. I couldn't wait to immediately put it to practice.

The 5 steems that we paid were totally worth for what I have learned from participating the Steemit Masterclass KK.

So the final part that you are going to learn are

  1. How to text justify?
  2. How to keep your picture or label or text at the centre.?
  3. How to make your image clickable?

These are all awesome codes that you can use to create your content.

Do you want to know the complete codes we have learned? If Yes,

You can read the Part 1 and Part 2 if you haven't.

How to justify the text?

Let me show you with and without text justify.

Without it, the text will look like this.

The quick brown fox jumps over the lazy dog. The lazy dog woke up and catch the fox. The fox is not so quick anymore. The dog caught the fox. The fox pleads for mercy. The dog lets the fox lose. The fox jump in excitement. The dog reminds the fox not to jump anymore. The fox so grateful and promised not to jump. The lazy dog continues his nap. The fox is not so quick anymore.

With text-justify, the text will look like this.

The quick brown fox jumps over the lazy dog. The lazy dog woke up and catch the fox. The fox is not so quick anymore. The dog caught the fox. The fox pleads for mercy. The dog lets the fox lose. The fox jump in excitement. The dog reminds the fox not to jump anymore. The fox so grateful and promised not to jump. The lazy dog continues his nap. The fox is not so quick anymore.

Can you spot the difference?

Please consider this formula for the above function;

JKLMNOP

Replace
J = <
K = div class=
L = "text-justify"
M = >
N = Your Text
O = <
P = /div>

Easy isn't it?


How to place your picture or text at the center?

This is relatively easy to do.
Please consider this formula

MNOPQ

Replace
M = <center
N = >
O = Your Picture URL or Your Text
P = </
Q = center>

test-THE TEXT IS NOT RIGHT NOR LEFT-test


How to make a clickable image?

This was the coolest to me. I think that was the reason why @bitrocker2020 save it for the last during the Steemit Masterclass KK.

Consider this formula.

PQRSTUVWXYZ

Replace the formula with the codes below;

P = <
Q = a
R = href=
S = "your link"
T = >
U = <
V = img src=
W = "your image"
X= >
Y = </a
Z = >

An Image as a link:

Please click on the picture to know more about what we have learned during the Steemit Masterclass KK on the 10th and 11th February 2018. Thanks

Awesome isn't it?

__

That is basically what I have learned in Steemit Masterclass in KK. I really enjoy and grateful to master all the basic codes.

The most basic HTML codes that you have mastered even if you are lazy.

  1. Headings.
  2. How to make a horizontal line.
  3. How to pull pictures to the left or right.
  4. How to create tables.
  5. How to text justify.
  6. How to centralize your text or picture.
  7. How to make a clickable image.

There are probably more HTML codes out there that you can learn as long as you interested. Since I am just an ordinary medical doctor, who wanted to create good content but lazy to learn more, these codes are basically enough.

Conclusion.

I hope that after you have read this post, try it out. If you are new to steemit and have yet to write your #introducemyself post, this is the right time to do it.
If you already know some of the HTML codes written up here, I hope that this will refresh your skill with it.

I am still learning myself. By teaching others, especially newbie, it has indirectly taught me how to master it.

If you have mastered the basic HTML codes above, don't forget to pass it on to other new steemians. This will help your network to grow.

Appreciation

Thank you very much to @bitrocker2020, @maverickfoo, @deborism and @awesomianist for the knowledge.
Thank you to @danieldoughthy, @viverridae, @veenang and @gelfire for organising the wonderful event.

Thank you to all who have made Steemit Masterclass KK a success. Let us share this knowledge with others.


If you are interested to read my other post on what happened during the Steemit Masterclass KK, please find it here.

  1. How to get better with Steemit Masterclass Part 2.
  2. How to have fun riding boat the steemit way.
  3. How to end Steemit Masterclass with a blast.
  4. Steemit Masterclass KK.
  5. How to get better with Steemit Masterclass.
  6. Masterclass for the steemit blogger in North Borneo.

Keep writing, keep reading and keep practising.

Thank you for reading this post.


@papanog is a General Practitioner who loves to talk about health. In his spare times, he will cook for his family. A new passion is to learn more about how to be a good steemit blogger and promoting steemit.com. Making sure that all contents are written to add value to whoever visits and reads this blog post

Sort:  

Congratulations, you were selected for a random upvote! Follow @resteemy and upvote this post to increase your chance of being upvoted again!
Read more about @resteemy here.

Thank you very much @resteemy. Really appreciate it.

I also confuse at the beginning about HTML in Steemit. After some research, I start using it. Thanks for sharing.

Exactly. I'm glad that I have attended the Steemit Masterclass.

Hopefully you will learn something from my post. After all, we are all learning.

Thank you for stopping by. Cheers.

nice work, upvoted

Thank you.

Sorry, the tip is higher then your deposit.
You can check your balance by sending 0.001 SBD to @tipu with memo: balance
(the minimal tip is 0.1 SBD)

:\ i wish i knew this long time ago cuz i learn from the hard way 😭

Yes. I'm glad we had the masterclass done here in KK.
And I'm still learning.

Thank you for dropping by.

:D but if you wanted to learn more i suggest you can go At this Website i learn everything a-z from this website till now. anyway love to see people getting involved in coding :D hope this help you more.

Coin Marketplace

STEEM 0.30
TRX 0.12
JST 0.033
BTC 64093.86
ETH 3123.80
USDT 1.00
SBD 3.94