HTML-formatted email editing

This article is about how to edit an HTML-formatted email template and does not tell you how to send an email using a program.

1. The important idea of email: "Retro"

Abandon the modern DIV+CSS technology, return to the era of html4.0+table. Use CSS sparingly, and use the properties of the tag itself.

(1) Table is strictly used for both the whole and the local layout.

(2) CSS

• Try to use the effect of the label itself to achieve the design results, such as:
• Element background: Background-color All valid, background-image,position,repeat, invalid for outlook2007/10,live,gmail. So the non-pure repair use of the picture should not be used in the CSS background way.
• Do not repeatedly define tag properties and CSS properties, such as:<td> 's Padding property (CSS) and Csllpadding properties, which are equally useful.
• Do not define the value of a property in shorthand form. such as: Background:url () repeat #333;
• Do not use shorthand 16 to define color, such as color: #333; To write: color: #333333;
• CSS is written in the style of each tag and cannot be defined globally.

(3) Image

• Image format:
• Style= "display:block;" resolves a Hotmail fill.
• Some do not support 8-bit or 24-bit PNG, use GIF and JPG as much as possible.

(4) Message width and center

Width <=600. Defines the width property for all cells.

(5) Define background color

Do not define body directly. Adds a background color to the outermost table.

(6) Links

(7) Template variables

(8) Other

• When making templates, DTDs can use ancient HTML4.01 to limit the addition of modern elements.

<! DOCTYPE HTML PUBLIC "-//w3c//dtd HTML4.01 en//" "Http://www.w3.org/TR/html4/strict.dtd" >

2. Try to maintain a concise design style (layout, style): use less pictures.

3. Resource Links:

• Mail template making navigation: Http://www.campaignmonitor.com/design-guidelines
• Mail client available CSS Properties Daquan: Http://www.campaignmonitor.com/css

The address of the template can be downloaded:  http://www.webmax.com.cn/articles/articles_0120_3.html