Click here to subscribe in iTunes ; or, listen to the audio version below:
HTML email is still a very successful communications medium for both publishers and readers. Unlike coding a web page, HTML emails need to display well on old email software — think Outlook or Mac Mail, as well as adapt to phone and tablet screens.
If you thought it was difficult to ensure the cross-browser compatibility of your web sites, be aware that this is a whole new game — each of these email software tools can display the same email in vastly different ways.
And even when these tools do display an HTML email properly, accounting for variances in, for example, the widths at which readers size their windows when reading emails makes things even trickier.
Whether you choose to code your HTML email by hand my personal preference or to use an existing template, there are two fundamental concepts to keep in mind when creating HTML email: Use HTML tables to control the design layout and some presentation.
Use inline CSS to control other presentation elements within your email, such as background colors and fonts. CSS style declarations appear below the body tag, not between the head tags. No CSS shorthand is used: A few email software clients are light years behind the eight-ball in terms of CSS support, which means we must resort to using tables for layout if we really want our newsletters to display consistently for every reader see the reading list at the end of this article for some excellent resources on CSS support in mail clients.
So put your standards-compliant best practices and lean markup skills aside: The first step in creating an HTML email is to decide what kind of layout you want to use.
For newsletters, single column and two-column layouts work best, because they control the natural chaos that results when a large amount of content is pushed into such a small space as an email.
Single column email designs also make it easy to display well on phones and tablets. A single-column layout typically consists of: Like a two-column web page, they typically use a narrow, side column to house features and links to more information, while the wider column holds the body content of the email.
Promotional emails follow similar rules but contain much less in the way of content and links.
They often include one or two messages, and sometimes make use of one big image with small explanatory text and some links below the image. All of these email layout possibilities can be created easily, using HTML tables to divide up the space into rows and columns.
In fact, using HTML tables is the only way to achieve a layout that will render consistently across different mail clients. The top left of an email message is often the first place people look when they open an email.
Wrap these tables into another container table. Use the same approach for single-column layouts, but give the content table one column. This approach is especially suitable if the design of your email contains images that are broken up over multiple table cells.
This primarily helps older email clients to display the email in a barely acceptable way. While this approach might offend purists who prefer to code using the latest standards, it is the only viable approach at this point.
For example, no matter how poorly Lotus Notes displays HTML email, you should never have to resort to using the font tag. But you can and should still utilize CSS for the styles in your email once your nested table layout is in place.Of course, in order for you to leverage this method of email divination, you will need a Gmail account and the Rapportive plugin for pfmlures.com would also certainly help to use an email permutator to quickly generate all of the most common email address formats, and the Google Doc spreadsheet created by Rob Ousbey from pfmlures.com is the best I’ve seen so far.
It’s how well and fast you’d prevent your email query letter from being classified as spam mail and ending up in your editor’s trash and recycle bin. Avoid these Mistakes in Writing an Email Query Letter. To do an email query right the first time around, here are top 10 tips to avoid.
To send comments or questions about a Department of Justice website, or to report a broken link or error, please use the form below. Media Inquiries Inquiries from news organizations and other media may be directed to the Office of Public Affairs. Whether you're a writer looking for the perfect place to store and display your poetry, stories and other writing or a reader willing to offer feedback for our writers and their writings, this is the website for you.
Watch video · While workplace experts Leigh Stringer and Dan Schawbel agree that face-to-face communication is best whenever possible, each shares their top tips for writing the perfect work email. Double check your email address’ on your new business cards, email signatures, and where ever else.
A second pair of eyes never hurts either. Keep established business communications simple, don’t clog them up with logos.
pictures, and letter heads.