Basic HTMLs on Steemit

in #html7 years ago (edited)

CODING 101
coding101.png
image source: HKSTP
Me myself is not a coding expert - but since I'm very enthusiast to learn everything and also can be used for my blogging, I tried to learn some of the basic HTML codes here on Steemit.

I'm posting this for all beginners and also for myself to prevent amnesia effect on coding (HAHAHA)


< center>
It centers anything between < center> and < /center>.

Example :

TYPE THE TEXT HERE


< img src="image URL">

You may use this syntax to format width and/or height of the image.

Example: < img src="image URL" width=350 height=220>

In case that the image cannot be displayed, we can include an alt attribute to the < img> tag.

< img src="image URL" alt="Here is a description of the image.">


< h1>, < h2>, < h3>, ...< h6> To emphasize a chapter, or a section, or a subsection, you can play around with the h's. Any text between < h1> and < /h1> would give you the largest heading, example

Hello,
and the bigger the number after the h, the smaller the text gets. So for any text between < h6> and < /h6>,

< blockquote> and < code>
Posting an excerpt from a book or do some quotes.
You can place your quotes in between < blockquote> and < /blockquote>.


Example:

"I love HTML," Steemit said.
On the other hand, posting parts of codes like I'm doing here could be placed in between
< code> and < /code>.

Other codes:
< strike> and < /strike>
Example : Other codes:
< sub> and < sup> and < strike>
Example : Other codes:
You can subscript anything between < sub> and < /sub>.
On the other hand, you can superscript anything between < sup> and < /sup>.


< hr> Should you want to put a divider between sections in your posts, like a horizontal rule, the < hr> tag is perfect for you. I have been using it here in this post, so you might want to try it out, too, in case you haven't yet.