Spacing is very important, it helps us know where one paragraph or question ends and the next one starts. Now, there are two types of spacing, a line break and a paragraph break.
The line break is very simple. Just put <br> when you want to jump down a line. Like<br>This

As you may have already noticed, some of this page is centered. You may want to center part or all of you app, and it is very easy to do so. Just type <center> before the part you want to be centered and </center> after.
Tip: Try to keep consistant with what is centered and what isn't.

There are many things that you can do with your font. Here are the most basic styles:

You can also change the size of your font. There's about 6 different sizes to choose from, from 1 to 6. The code is very simple: <Font size=SIZE HERE>Text</font>.

Tip: Try to remember your readers eyes. The bulk of your writing shouldn't be super big or super small, try to keep it to a comfortable size.

Coloring is one major step to add a bit more flavor to your app. The code is very simple, just add the accepted color name or hex code (hex codes are in the box below).<font color=Color Code>Text</font>

Fonts really add the final touch to anything, and are very easy to use. The code is very simple: <Font face="Font you want">Text</font>. In the scroll box below are a list of different fonts. Their names are in their styles so just copy and paste it in the code.

Want to change the size, color, AND type of font without typing too much. Well just combine the codes you want. It's very simple:<font color=Color Code size=Your size Face="Font Name">Text</font>

Symbols can add extra fun to your app. Just type the code for the symbol you want. A list of them are in the table below.

Sometimes, you want to list things and it's always best to have it well organized. Bullets are the easiest way to do so. You can choose between two types of lists; ordered and unordered. For unordered lists, you have three different types of bullets to choose from.

• circle

• disc

• Square

For ordered lists, it's rather similar only you have more choices and they are as followed:

1. Numbered(type="1")

1. Lowercase letters (type="a")

1. Uppercase letters (type="A")

1. Lowercase numerals (type="i")

1. Uppercase numerals (type-"I">

You can add more items to your lists simply by adding another <li> in the code.

Tip: try not to list everything, only supporting arguments.

First and foremost, your image has to be uploaded to the web, either via your profile or a free site like Tinypic.com. Once it's uploaded to the web, you need to get the URL for the image, not the page that it's located on. If you use the image uploading websites, they'll give you the direct URL for your image. If you're getting your pictures from your VF, you'll need to right click on the image, go to properties, and copy the image URL from there.

The basic code to post your image is the following:
<img src="IMAGE URL">

Now, merely posting your image isn't the only thing you can do with it. You can also add a border, add alternate text (in case your image doesn't show), have a hover title, and resize your image. Just take the original code, and add what you would like. The following are the things you can add to your picture.

Width=WIDTH SIZE Height=HEIGHT SIZE Title=" Your message here Alt="Your message here border=desired border size

Make sure that you have a space in between each additional thing. Also, they should not be inside the quotations in the original code.

Tip: Resize large images. Generally, 600 px on one side is large enough. Make sure that you don't make your images too small. You should be able to very easily see the writing and other things in your image.

My final Tip would be, Test your app out in your journal. Alot of times, people make mistakes with their HTML and writing. It's always best to make sure you're app is the way you want it. This page is credited to Leinnxx.