Top Ten Email Templates & HTML Basics Guide:

Top Ten Email Templates & HTML Basics Guide

Ten free email templates developed by experts

Click on any of the thumbnails below to download that email template file. You can then upload the file into your email marketing software and modify for any number of uses.

Please note that all of these templates are designed in an e-newsletter layout so as to include the key components of email best practices. However, you can modify the text and layout to customize the templates for a variety of uses, including outbound e-marketing, newsletters or transactional communications.

[Preview] [Download]

Download all 10 templates (zip archive)
Check out our complete library of free online-marketing resources to browse and download more great content.

HTML Basics How-to Guide

Use the HTML basic-commands guide below to customize the free email templates for your own use.

Comments
There are comments included within the HTML templates that are intended to help you customize the text with your own content. The comments appear as:

Making text bold
To make text appear bold, use and around the text. For example:

Make this bold
will look like:
Make this bold

Making text italic
To make text appear italic, use and around the text. For example:

Make this italic
will look like:
Make this italic

Making text underlined
To make text appear underlined (without being an actual link), use and around the text. For example:

Make this underlined
will look like:
Make this underlined

Creating line breaks
There are two basic line breaks in HTML. Use to break to the next line or

to skip a line. For example:

1 2
3
will look like:
1
2
3

Changing the size of text
To change the size of text, use to look bigger, or to look smaller. End with . You can also change the number value if you want to. For example:

Make text bigger or smaller
will look like:
Make text bigger or smaller

Changing the type of font
There are a few different fonts you can use, and the most common are:

Times New Roman: (this is the default for all browsers)
Arial or Helvetica: use and
Verdana: use and
Garamond: use and
For example:
Make this font garamond
will look like:
Make this font garamond

Changing the font color
There are many different Web-safe colors that you can use in your template. View the HTML Color Codes Chart.

To make text appear in a certain color, use the color codes like this: . For example:

Make this font red
will look like:
Make this font red

To set default font colors for the entire page, use color codes in the command. For example, if you want:

font = black
link = blue
'visited' link = red
'while being clicked' link = pink

use:

Including a graphic
To include a graphic in your HTML template, use . Be sure to include the entire URL of the graphic, starting withhttp://.

Including a link
To include a link in your HTML template, use and around the text of the link. Be sure to include the entire URL, starting with http://. For example:

Make this text link to http://www.lyris.com
will look like:
Make this text link to http://www.lyris.com

Including a numbered or bulleted list
To include a list in your HTML template, use

and

at the beginning and end of the list, and use

to create the individual lines. For example:

This is line one This is line two
will look like:

This is line one

This is line two
If you want to use a bulleted list instead of a numbered list, use
and
instead of
and
.