Developing the HTML Content for your Email


Email content will normally consist of two things: text and graphics. This post will introduce you to working with text and adding graphics, but it will not discuss the creation of your graphics or the acquiring of your graphics.

In this post we continue on from the last post where we discussed making an HTML email for marketing purposes. I will show some examples of some images that I got from w3schools.com, using the align attribute. Remember from the last post that we cannot use CSS in our email.

We need to develop a simple brochure-style email that has a header and some pictures that represent our products for sale. We would like it to be responsive because many people read their emails on their cell phones.

First Example

My Company – We Sell Smily Faces

smiley
smiley
smiley
smiley

Ok. So this in a WordPress environment and our smiles don’t line up but we are just experimenting with code.

<h3 style="background-color:lightgreen">My Company - We Sell Smily Faces</h3>
<img src="http://porterwebsites.com/wp-content/uploads/2016/09/smiley.gif" alt="smiley" width="42" height="42"  align="left"/>
<img src="http://porterwebsites.com/wp-content/uploads/2016/09/smiley.gif" alt="smiley" width="42" height="42"  class="alignleft" />
<img src="http://porterwebsites.com/wp-content/uploads/2016/09/smiley.gif" alt="smiley" width="42" height="42" />
<img src="http://porterwebsites.com/wp-content/uploads/2016/09/smiley.gif" alt="smiley" width="42" height="42" />

The first thing to discuss in the next post is HTML styles. We cannot use CSS in our Gmail emails, so we need to use HTML styles.

Leave a comment

Your email address will not be published. Required fields are marked *