The other day, my big sister mentioned forgetting her HTMLs. I was pretty much ridiculing her for forgetting them (YES I'm a big bully to my big sister haha) because she has a bachelor's on Computer Science. It made sense now that some of her posts weren't formatted quite right (I mean, she won't center her images, or she's forgotten how to insert an image HTML-way).

So here are common HTML syntaxes that I found works here on Steemit (when commenting or posting, whichever). So Ate @arrliinn, this is for you HAHAHA. (And for myself, just in case.)

---

< center>

The syntax speaks for itself. It centers anything between < center> and < /center>.

Like thiiiis!

---

< img src="image URL">

If you are like my sister who uses her mobile to steem most of the time, then you can't simply drag and drop images for them to appear on your posts. You may use this syntax with width and/or height (in terms of pixel size) to configure the image.

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

Otherwise, as stated in Steemit's FAQ, you can copy and paste the image. I'm not too sure if this works with mobile, though.

EDITS:

Apparently the height and width attributes in the < img> tag won't work here in Steemit, along with other styling options (colors, backgrounds, etc). Thank you @crazydaze for pointing that out! :)

He also pointed out the alt attribute. To provide an alternative to the image in such case that the image cannot be displayed, we can include an alt attribute to the < img> tag. Such that we have

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

---

< sub> and < sup> and < strike>

You can _subscript anything between < sub> and < /sub>. On the other hand, you can ^superscript anything between < sup> and < /sup>.

If you want to strike something out, maybe to make a point (like I sometimes do haha), put the text in between < strike> and < /strike>.

I don't know when exactly you can use these - perhaps on days you want to blog about Maths or on days you just want to play around lol.

---

< 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

Hiiii,

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

you would see something like this.

---

< blockquote> and < code>

Posting an excerpt from a book? Or simply wanting to quote someone? You can place your quotes in between < blockquote> and < /blockquote>.

Example:

"I don't like cockroaches," Gabbie said.

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

---

< a href="URL">

If you feel like putting "Source" after each borrowed image in your post as making the post unpleasing to the eye, you can try putting your borrowed image in between the < a href="URL of where you borrowed the image"> and < /a> syntaxes. Like this:

< center>< a href="http://xahlee.info/js/html5_non-closing_tag.html">< img src="http://xahlee.info/js/i/html_close_all_the_tags_cartoon.png" alt="Here is a description of the image.">< /a>< /center>

So you could simply click on the image for the source, like this:

Of course, this < a> tag works on texts, too! Say, < a href="some URL"> text you want to link with< /a>.

---

< 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.