NewZapp-Factsheet-Email-Building-Best-Practice-Designers

Table of ContentsWhy is email display an issue in email marketing? ................................................................................ 2Expert Email Design ............................................................................................................................. 3Desktop PC and Apple Mac email applications ...................................................................................... 4Web and mobile device email readers .................................................................................................. 5Creating your HTML email structure ..................................................................................................... 6What to include in your email tag ......................................................................................... 7Key tags ............................................................................................................................ 7Essential CSS declarations .................................................................................................. 8CSS Media queries for responsive emails ....................................................................................... 9Using HTML tables to lay out your email ......................................................................................... 10Stretching container table ........................................................................................................... 10Using tables with multiple cells in your layout .............................................................................. 11Setting horizontal and vertical spacing between elements ............................................................ 12Using background colour fills in your email layout ....................................................................... 13Creating borders around table cells ............................................................................................. 14Adding graphic content to your email ............................................................................................. 15Inserting images into your email layout ....................................................................................... 15Using background images in your email layout ............................................................................ 16Styling and other features .................................................................................................................. 17Formatting your email’s content ..................................................................................................... 18Setting styles for HTML ‘real text’ content .................................................................................... 18Setting font-family for HTML text content ..................................................................................... 19Setting font-size for HTML text content ......................................................................................... 20Setting color for HTML text content .............................................................................................. 21Setting line-height for HTML text content ...................................................................................... 22Setting text link styling ................................................................................................................ 23Extra reading ..................................................................................................................................... 24Find out more about NewZapp ...................................................................................................... 241