STEEMIT Tutorial: Basic HTML that can be apply on STEEMIT

in steemit •  2 years ago  (edited)

I made this tutorial because many are asking how to do that, how to do it etc. So I finally decide to discuss some techniques to make your post design more attractive. Most of this techniques are made into basic Hypertext Markup Language or HTML.

The syntax for this is always like this: <[tagname]>content</[tagname]>
The contents are always between starting tags and ends tags which specify "/".


"H" tag makes your text bolder and bigger depends on the number it was made of. H1 is the biggest font size and H5 is the smallest. Use this tag to some sub titles and highlights titles like the example below which I only use H4. You can try H1-5 to see which is better for your viewing.


"i" or italic tag can turn your font into italic. See my example below.


"b" tag or bold tag can make your text bolder. See my example below.

THE "table" TAG

"table" tag is one of the most effective designing on steemit. This is one of my favorite tag. This tag create a table with specific row and column. The "tr" or table row tag must be place between "table" and "/table" tag to create a row on the table. The "td" or table column tag must be place between "tr" and "/tr" tag to create a column on the table. The number of "td" and "/td" tag is also the number of columns you want to create in the row where the "td" tag is place. Same as "tr", See example below.

Make sure that when you put the number of "td" inside "tr", the next "tr" has also the same number of "td" on it. Between the "td" and "/td" tag, you can put text or image on it just like this example below.

To make your post more attractive, you can make some combinations of tags, see example below. Make sure that the tag is inside another tag.

Hope that this info can help every steemians to create a beautiful designed for their post.

Other Hot Topics

IDG FOUNDATION Bring Smile to Children

The Most Effective Way To Saved Money

IDGCOIN: One of the best altcoin

Please follow and up-vote me on steemit @alfren.
You can follow me on twitter @SibulAlfren and
on facebook
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:  

You forgot to include SUB, SUP and DEL

Steemit is bad cool

Steemitis cool

Steemitis cool

Thanks for the information partner

very informative


Thanks for this valuable guide when I do my next post I will try to use some of it.

Yes partner @ankarlie... try to build also a related links in the last part of your post like I did (see image below)

helpful info..

Thank you


Very nice! Thank you for this information! Especially the table tag

Welcome partner

@alfren thanks for the quick lesson. Much appreciated.


No problem.

thumbs up brother keep up the good work

Thanks brother

How did you put that "other hot topics" bro? The links

Combination of table tag