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

in #masterclasskk7 years ago (edited)

Greetings, my esteemed Steemians,

Introduction.

Do you want to learn make a table using HTML code?
Do you want to learn how to place you pictures so that it looks elegant and pretty?
Do you want to master this HTML codes and be able to help steemians that you have invited to join steemit?

Today I am going to share two other HTML codes that we have learned on the 2nd day of Steemit Masterclass in KK.

I have shared two HTML codes in my previous post here

1. How to make a good table?

Table ATable BTable C
texttexttext
texttexttext
texttexttext

The code for above table is as such;

Table A |Table B|Table C
---|---|---
text|text|text
text|text|text
text|text|text


2. How to pull picture to the left or right?

Consider the formula below.

ABCDEFGH (no space in between)

Replace
A = <
B = div class=
C = "pull-right"
D = >
E = Picture's URL
F = <
G = /div
H = >

This picture was pulled to the right

This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space. This text occupies the left side of the blank space.

To pull this picture to the right and leave text on the left side, type "ABCDEFGHYour Text Here"
Don't forget to replace the 'formula" with codes.

To leave TEXT directly below the picture, consider the same formula and type "ABCDEtypeyourtexthereFGH"

Add the horizontal code before you start a new paragraph.

To pull the picture to the left, replace C ="pull-left". The other is the same.

That is basically what I have learned in Steemit Masterclass in KK on the 2nd day. I really enjoy and grateful to master the codes.

The most basic HTML codes that you can master even if you are lazy so far are:-

  1. Headings.
  2. How to make horizontal line.
  3. How to create tables.
  4. How to pull pictures to the left or right.

Next to come will be:-

  1. How to centralize your text or picture.
  2. How to text justify.
  3. How to make a clickable image.

Conclusion.


If you already know some of the HTML codes written up here, I hope that this will refresh your skill with it.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.

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 steemit blogger in North Borneo.

Keep writing, keep reading and keep practising.

Thank you for reading this post.



visits and reads this blog 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

Sort:  

Great post @papanog, I couldn't have better. Your contents is so precise and easy to understand.

Thank you @beverlyjoe. Hope we can share it to the others.

Thank you for stopping by.

Loading...

This was very helpful! I was wondering how people were doing this (I saw this on several postings). This is going straight to me STEEMIT (What I learned) folder. Thank you.

Thank you @thatwoman. Really glad that it helps you. I try to make it as simple as possible.

Thank you again for stopping by.
Cheers.

good job, upvoted

Thank you very much for continuously giving your support.

Cheers.