Get documents about "Free HTML Code
W
Description
This is free example of HTML codes. This document is useful for creating HTML.
Document Sample
HTML Guidelines
We need you to comply with some simple coding guidelines. The HTML code that you use
to create your content will appear within the Hotmail HTML code; therefore it must be very
carefully formatted. Some codes that may work in a browser alone may not be permissible
in MSN Featured Offer content.
Please validate the HTML: Provide error-free content that follows the MSN Featured Offers
HTML guidelines. Validate your HTML with the following free HTML validator:
http://www.htmlvalidator.com/lite
Please use these guidelines when coding the HTML:
1 Include all of your HTML inside a fixed width table.
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center"
bgcolor=white>
2 All HTML styles must be inline, i.e.:
<font face="arial, helvetica, sans-serif" size="2" color="#FF0000">
3 Save your HTML to an ANSII (not UTF8) encoded notepad.exe text file
4 For security reasons we do NOT allow the following in your newsletter: (Hackers have
been known to use these medias to illegally ask users for their usernames and
passwords)
a. NO JavaScript
b. NO DHTML
c. NO iframes, or frames
d. NO rich media advertising
5 No animated gifs
6 No Relative Links. All images and hyperlinks must be ABSOLUTE.
Correct (absolute links):
<a href=”http://www.hotmail.com/hotmail.html”>
<img src=”http://www.hotmail.com/hotmail/image.gif”>
Incorrect (relative links):
<a href=”/hotmail/link.html”>
<img src=”../../../../hotmail/img.gif”>
Hyperlinks must begin with the “a” and “href” together.
Do not include attributes before “href.” Example: <a href=”http://www.url.com”
class=”font”>
No carriage returns should separate the hyperlink tag. All hyperlink tags
should appear on one line.
7 Do not use: “target=_blank” or “target=_new” in href tags. Links should NOT open new
browser windows in your content; Hotmail will add this to your newsletter for you.
8 If you are using a <FORM> we accept only the GET method instead of the POST
method. All <FORM> tags must have “METHOD=GET”. Scripts receiving the <FORM>
input must accept the “GET” method. There is a buffer limit of 4096 characters.
Hotmail will change it to “POST” in your delivered newsletter, and then pass the info
back in “GET” format.
9 The Hotmail user interface restricts the width of your content due to the right-hand
navigation bar. The width of the content cannot be specified to exceed 500 pixels. If
your content is too wide, it will break the Hotmail UI and lead to a bad user experience.
10 HTML code: try and keep to a maximum of 512 Latin characters per code line. A long
block of code without carriage returns affects our HTML parser.
11 Fill out the height and width tags for images, this helps accommodate faster load time.
12 Ex: <img src="http://www.test.com/images/test.gif" height="15" width="30">
13 Weight of the HTML and images must not exceed 25K.
Note:
It is common for some HTML editors to automatically convert all ampersands (&) into
“&”. Unfortunately it also converts the ampersands in hyperlinks. If you have “&”
in hyperlinks in your submitted content, this will more than likely break links when the
newsletter is delivered. Please double-check the HTML code to make sure the ampersands
are correct in hyperlinks.
NB: HTML code to be submitted does NOT require page or header tags,
these are generated by the Hotmail Newsletter Tool, ONLY layout HTML
is required.
Example Code Requirements:
NOT REQUIRED!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled</title>
</head>
<body>
REQUIRED!
<table width="500" border="0" cellspacing="0" cellpadding="0" align="center" bgcolor=white>
<tr><td>
Client Content
</td></tr>
</table>
NOT REQUIRED!
</body>
</html>
Appendix 2 – Subject line guidelines
Subject Line Creation
Basic Do’s and Don’ts in Subject Line Creation
DO
Do promote substantial bargains with substantial savings and seasonal offers
Do use numbers and lists in copy
Do promote a page featuring a range of products rather than only one
product
DON’T
Don’t use vague wording or refer to lesser-known brand names
Don’t promote small discounts ($ amounts or percentages)
Don’t promote a single item unless it is a hot new product or is substantially
discounted
Don’t use exclamation points!
Tips for Creating a Compelling Subject Line
What works:
List-oriented content “Top 10 weight loss tips”
Breaking news, gossip/entertainment “JFK Jr. crash report released”
Money-saving/money-making content “Summer hotel bargains”, OR
“Net bargain-hunter tips”
Specific, immediately useful information “3 ways to make a better lunch”
“Fantasy” content “Latest luxury car ratings”
“Guilt-free chocolate cake and
more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read Cake and more”
Stuff about love/romance “What's his romantic style?”
Stuff about dogs “Best breed for your lifestyle”
“Latest space station details
Stuff about space revealed”
List-oriented content “Top 10 weight loss tips”
Breaking news, gossip/entertainment “JFK Jr. crash report released”
Money-saving/money-making content “Summer hotel bargains”, OR
“Net bargain-hunter tips”
Specific, immediately useful information “3 ways to make a better lunch”
“Fantasy” content “Latest luxury car ratings”
“Guilt-free chocolate cake and
more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read Cake and more”
Stuff about love/romance “What's his romantic style?”
Stuff about dogs “Best breed for your lifestyle”
“Latest space station details
Stuff about space revealed”
List-oriented content “Top 10 weight loss tips”
Breaking news, gossip/entertainment “JFK Jr. crash report released”
Money-saving/money-making content “Summer hotel bargains”, OR
“Net bargain-hunter tips”
Specific, immediately useful information “3 ways to make a better lunch”
“Fantasy” content “Latest luxury car ratings”
“Guilt-free chocolate cake and
more”, NOT “Guilt-Free Chocolate
Lower case words are easier to read Cake and more”
Stuff about love/romance “What's his romantic style?”
Stuff about dogs “Best breed for your lifestyle”
“Latest space station details
Stuff about space revealed”
What doesn’t work:
Generic-sounding “Do it better on MSN”
promos
Alarmist information “What you need to know about
bioterrorism”
Deals that don’t seem “PDA – only $499.95”
to be deals
General information “Care for your car”
Things that sound like “5 things to do to save money”
“work”
The word “smart” “Smart ways to save”
Good words:
Hot – “10 hot fashion tips”
Sexy – “Sexy cars of 2001”
#1, the best – “Find the best restaurant in your city”
Fat, losing weight – “Can fidgeting help you lose weight?”
Helpful Tips:
Good: Bad:
Good: Bad:
“Track your own “Track your portfolio”
stocks”
“Turn $1 a day into “Smart ways to save”
$67,815”
“12 hot Hollywood “A century of fine scandals”
scandals”
George W. Bush: George W. Bush: crazy
crazy?
Do not entice clicks with teasers. Your subject should have something directly to do
with the content of your newsletter.
Use a short abstract of your content to help your user relate to the newsletter.
Vary your newsletter subjects.
Start with an important, information-carrying first word, for example, the name of the
company, person, or concept discussed in the newsletter.
Do not make all your newsletters start with the same word.
Try using a question as a teaser. It limits your liability while expanding your verbiage
and making your subject catchy
Tips on creating compelling creative
Use colors pleasing to the eye
Make the call to action clear
Make sure that the creative is similar in style to the destination page
Keep the format simple
Lead in matters – A short snappy beginning will pull better than a long wind-
up
Getting to “yes”: position yourself as the solution through price, value, quality,
status or uniqueness
Take a problem/solution approach
Use paragraphs and white spaces as needed – Avoid crowded content
Point responders to the destination page easily and through multiple links
Related docs
