Advanced Tutorial on Adding HTML to Messages
Other tutorials on enhancing messages: Images | CSS (advanced)
Jump to: Table of Contents
FYI: Click here for our simple tutorial on adding HTML to messages.
The following is a list of the accepted HTML (HyperText Markup Language) elements (or called tags) that are allowed to be posted. Use the tags how you would use them normally for a web page.

You can also add a "style" attribute to most of the tags below. Within that, you can add various properties, such as font size, color, width and others, where they apply. A companion tutorial on adding inline CSS (Cascading Style Sheets) to HTML tags can be found here. It contains a complete listing of the allowed CSS you can use to customize your message.

We will now discuss the various parts of the sample code below.
Code:
<div style="background-color: lightblue; padding: 10px;"> Text </div>
Result:
Text
In that example, "div" is an HTML element. Most HTML elements have an opening and closing tag which surround content. "style" is an attribute. The value of that attribute is located within double quotation marks ("). An equals sign (=) is between the two. The "style" attribute allows you to set inline CSS. "background-color" and "padding" are CSS properties. You can have as many properties within that single style attribute, separated by a semicolon (;). (you can't have more than one "style" attribute) The "background-color" property has a value of "lightblue". The "padding" property has a value of "10px". The space after the ":" and ";" are not required, but we include them for legibility. In short, that gives you a basic tutorial of what terms we will use here and in our CSS tutorial.

Any HTML tag that is not listed below is not allowed.

To view a tutorial on how to display an image in your message, click here. It goes into detail about how to get the image address (URL) for an image or about using an image-sharing site if you need to upload an image from your computer first. One you have an image address, you can simply use the method described later on this page.

For some elements, like <img/>, <hr/> and <br/>, you will see that we add a "/" at the end of the tag so that the tag is shown as self-closing. We write it that way because there is no closing tag for that particular element. (Meaning it isn't like most tags, such as this for example: <span>Text</span>) We try to follow a stricter coding standard, more closely resembling XHTML. (Extensible HyperText Markup Language) In that, an element must have a closing tag. Our system adds that character in automatically if you do not include it.
Table of Contents:
Inline Text
Text Sections
Images
Lists
Tables