How to display HTML Correctly in Email?

When we send a email to users from web application, many times we see HTML email is distorted in Gmail, Yahoo, Iphone and Ipad etc.

 If you want to removed such type of issue, then keep following points in mind while creating html template. 


  Use tables for layout

<table>
<!--- html code -->
<!--- html code -->
</table>

Set the width in each cell

<table border="0" cellpadding="10" cellspacing="0">
 <tbody>
<tr>
  <td width="50">Sr</td>
  <td width="100">Name</td>
  <td width="100">Email</td>
  <td width="100">Billing Date</td>
 </tr>
</tbody></table>

Use a container table for body background colors

<table border="0" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td bgcolor="#000000">Background Color </td>
</tr>
</tbody></table>

Avoid unnecessary whitespace and in table

<table border="0" cellpadding="10" cellspacing="0">
<tbody>
<tr>
<td></td>
</tr>
</tbody></table>

Use "nbsp;" for doubly space


Avoid shorthand, use as below

 font-weight: bold;
 font-size: 1em;
 line-height: 1.2em;
 font-family: georgia,serif;

Always use inline CSS

<div style="color: red;">
Inline CSS</div>

Set link color in following way

<a href="http://web-technology-experts-notes.in/" style="color: black;"><span style="color: magenta;">this is a link</span></a>

Images in HTML emails
a. Avoid spacer images
b. Always include the dimensions of your image
c. Avoid PNGs image
d. Always add alt text in image attribute


Never use floats attribute 


Check CSS support in email
https://www.campaignmonitor.com/css/

Best Related Posts are Following:

1. How to send an email using Email Template in Zend Framework.
2. How to send Attachment in Email in zend framework1 - Send PDF File.
3. How to send Email in wordpress.
4. How to send Email in Zend Framework - HTML Email.
5. Send Email from Gmail SMTP using Zend Framework.
6. HTML formatted email not showing up correctly in mail clients (Gmail-Outlook-Hotmail-Iphone-Android) [SOLVED].
7. Simple Mail Transfer Protocol.
8. PHP MAILER setting to send email through Gmail.
9. Free Testing Email Address Without Phone Number.

Simple Mail Transfer Protocol

Simple Mail Transfer Protocol is an Internet standard for email transmission across Internet Protocol networks.
SMTP was first defined by RFC 821 (1982), It use TCP port 25.
SMTP was updated by RFC 5341(2008), It use TCP587. It is known as ESMTP and is the protocol in widespread use today.

Mail server and other transfer agent use SMTP to send & receive email. whereas User level client mail application use SMTP to send an email and for receiving email they use Post Office Protocol (POP) or the Internet Message Access Protocol (IMAP) or aLotus Notes/Domino to access their mail box accounts on a mail server.

Email is submitted by a mail client (MUA, mail user agent) to a mail server (MSA, mail submission agent) using SMTP on TCP port 587.

 MSA delivers the mail to its mail transfer agent (MTA, mail transfer agent).

Mail Read Feature Overview

Feature	Mbox	Maildir	Pop3	IMAP
Storage type	local	local	remote	remote
Fetch message	Yes	Yes	Yes	Yes
Fetch MIME-part	emulated	emulated	emulated	emulated
Folders	Yes	Yes	No	Yes
Create message/folder	No	todo	No	todo
Flags	No	Yes	No	Yes
Quota	No	Yes	No	No

Best Related Posts are Following:

1. How to send Attachment in Email in zend framework1 - Send PDF File.
2. How to send Email in wordpress.
3. How to send Email in Zend Framework - HTML Email.
4. Send Email from Gmail SMTP using Zend Framework.
5. HTML formatted email not showing up correctly in mail clients (Gmail-Outlook-Hotmail-Iphone-Android) [SOLVED].
6. Simple Mail Transfer Protocol.
7. PHP MAILER setting to send email through Gmail.
8. Free Testing Email Address Without Phone Number.