Guidelines for HTML Content

The following guidelines are intended to help you to create HTML code that renders consistently across most major e-mail clients.

Specifying formatting

Do not use <BODY> tags to control formatting. Body tags are stripped out or ignored by most Web based e-mail clients.
Use inline styles to control HTML typeface:
<font style="properties">.
Use the <font> tag instead of <div>, <span>, or <p> tags.
Do not use fractional font sizes such as 12.5px.
Add a <br> tag after your last word and before </font>.
Avoid placing images inside <font> tags.

Using JavaScript

Do not use JavaScript.

Using cascading style sheets (CSS)

Avoid using CSS.
If you must use CSS, use it sparingly and only to format text. Inline styles render consistently across major e-mail clients. Inline styles in font tags can be an effective method for controlling the appearance of your text. For example:
```
<font style="font-family:Arial,
```
```
Verdana,Helvetica,sans-serif; 
```
```
font-size:12pt; 
```
```
font-color:#000000">
```
```
Insert copy here.
```
```
</font>
```
Do not use styles to control:
- Table borders and padding
- Image float positioning

Using tables

Limit the width of your HTML tables to 600 pixels to minimize horizontal scrolling, especially in web based e-mail clients.
Define <table> elements with:
```
border=0 cellpadding=0 cellspacing=0. 
```
Only define width in the <table> tag.
Define <td> elements with:
```
valign=top align=left. 
```
Avoid defining height properties.
Avoid defining width in <td> tags. Instead, let a spacer image control width.
Do not define <td> elements with a class. Instead, let a spacer image and inline style control margin and font style.
Avoid using   in empty <td> elements. Instead, use a spacer image.

Specifying unsubscribe and forward-to-a-friend links

Use the following syntax for unsubscribe and forward to friend links:

To unsubscribe, <a href="_UNSUBLINK__" style="font-color: #000000" target="_blank">click here</a>.

To forward this e-mail to a friend, <a href="_FTFLINK__" style="font-color: #000000" target="_blank">click here</a>.

Note: The font color can be anything you choose.

Style a hyperlink either by styling the anchor tag as shown above, or by surrounding the display text with a styled <FONT> tag.

Including images

Using the spacer image

Use the spacer image, which is a transparent 1x1 pixel image, to set width and height properties.