|
How to create a HTML formatted email:
An
HTML formatted emails uses the same email structure as a text email except for the
message body.
Step 1:
After the 'Subject' line, add the last 2 lines of the 'Header' as shown in blue below. This is
required for the email to be recognized as an HTML email.
Subject: Put your subject here
Mime-Version: 1.0
Content-Type: text/html; charset="ISO-8859-1"
Your message body goes here.
| Note: |
You must always
leave a blank line between the Header and the Message Body as shown. |
Step 2:
The
message body should be created in an HTML editor such as Microsoft Front Page or
the HTML script editor in Microsoft Word. Once your email is created copy
and paste the HTML 'source code' into the email message body template.
|
Note: |
Copy and paste the
HTML 'source code' (not the HTML design) into the message body of
the email template. |
See
the example below:
Subject: Put
your subject here
Mime-Version: 1.0
Content-Type: text/html; charset="ISO-8859-1"
</html>
<body>
<p style="margin-top: 30px; margin-bottom: 0"><b><font color="#FF0000">This
is a
sample HTML email showing formatted text, use of an image, and
links.</font></b></p>
<p style="margin-top: 20px; margin-bottom: 30px"><font color="#2D2D2D"
size="2">
<b>Images are not stored in the email but need to be uploaded to a web
server and
read into the email using a link.</b></font></p>
<table border="0" width="29%" id="table2">
<tr>
<td width="160" valign="bottom">
<p style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" color="#0000FF" size="4">Nellie Lake</font></td>
<td valign="bottom">
<p align="right" style="margin-top: 0; margin-bottom: 0"><font
face="Verdana" size="2" color="#808080">Killarney Ontario Canada</font></td>
</tr>
</table>
<table border="0" width="31%" id="table3">
<tr>
<td width="243">
<a href="http://www.eemailer.com/Nellie-Lake.gif">
<img border="0" src="http://www.eemailer.com/Nellie-Lake.gif" width="355"
height="235" align="left"></a></td>
<td valign="top">
</td>
</tr>
</table>
<p align="left" style="margin-bottom: 6px; margin-left:10px;
margin-top:20px"><font color="#2D2D2D" size="2">Links
to Killarney:</font></p>
<p style="margin-top: 0; margin-bottom: 0; margin-left:10px" align="left">
<a href="http://www.killarney.com"><font size="2">www.killarney.com</font></a></p>
<p style="margin-top: 0; margin-bottom: 0; margin-left:10px" align="left">
<a href="http://www.ontarioparks.com/english/kill.html"><font size="2">www.ontarioparks.com/english/kill.html</font></a></p>
</body>
</html>
This is the resulting email:
This is a
sample HTML email showing formatted text, use of an image, and links.
Images are not stored in the email but need to be uploaded to a web
server and read into the email using a link.
Nellie Lake
Killarney Ontario
Canada
Links to Killarney:
www.ontarioparks.com/english/kill.html
www.killarney.com
|
