HTML BASICS HOW-TO GUIDE
Most, if not all, email list compilers require the creative (body of the email) to be in HTML. If you are unfamiliar with HTML (hyper text markup language), here is a brief description.
A Brief Description of HTML
HTML is a script language. The basic formatting controls are included between the brackets < and >. Hence they cannot be used in the text except for this purpose. Two other HTML control characters you cannot use are & and “. If you wish to have any of these four characters appear in the text you must use character sequences called HTML entities instead. The correspondences are given in the following table.
|Character||HTML character entity|
In the title or in the body of the abstract if you wish a sequence of characters to be italicized they must be bracketed with <i> and </i>. For example to create italics, enter <i>italics</i>. Be sure to remember the closing </i> or everything from there on will be italicized.
In the body of the abstract to create a new paragraph, enter <p>. To start a new line, enter <br>.
To create a superscript, bracket with <sup> and </sup>. To create a subscript, bracket with <sub> and </sub>.
If you know HTML please do not use other HTML control sequences. You will upset the automatic formatting implemented by the program.
One of the best resources we have found for learning and practicing HTML is located at w3schools.com http://www.w3schools.com/Html/default.asp
Use the HTML basic command guide below to customize your documents.
Making text bold
To make text appear bold, use <b> and </b> around the text. For example:
Make <b>this bold</b> will look like: Make this bold
Making text italic
To make text appear italic, use <i> and </i> around the text. For example:
Make <i>this italic</i> will look like: Make this italic
Making text underlined
To make text appear underlined (without being an actual link), use <u> and </u> around the text. For example:
Make <u>this underlined</u> will look like: Make this underlined
Creating line breaks
There are two basic line breaks in HTML. Use <br> to break to the next line or <p> to skip a line. For example:
1<br>2<p>3 will look like:
Changing the size of text
To change the size of text, use <font size=”+1″> to look bigger, or <font size=”-1″> to look smaller. End with </font>. You can also change the number value if you want to. For example:
Make text <font size=”+2″>bigger</font> or <font size=”-2″>smaller</font> 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 <font face=”arial, helvetica”> and </font>
Verdana: use <font face=”verdana”> and </font>
Garamond: use <font face=”garamond”> and </font>
Make <font face=”garamond”>this font garamond</font>
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: <font color=”#FF0000″>. For example:
Make <font color=”#FF0000″>this font red</font>
will look like:
Make this font red
To set default font colors for the entire page, use color codes in the <body> command. For example, if you want:
font = black
link = blue
‘visited’ link = red
‘while being clicked’ link = pink
<body text=”#000000″ link=”#FFFF00″ vlink=”#FF0000″ alink=”#FF00CC”>
Including a graphic
To include a graphic in your HTML template, use <img src=”URL”>. Be sure to include the entire URL of the graphic, starting with http://.
Including a link
To include a link in your HTML template, use <a href=”URL”> and </a> around the text of the link. Be sure to include the entire URL, starting with http://. For example:
Make <a href=”http://www.super-lists.com”>this text link to http://www.Super-Lists.com</a>
will look like:
Including a numbered or bulleted list
To include a list in your HTML template, use <ol> and </ol> at the beginning and end of the list, and use <li> to create the individual lines. For example:
<li>This is line one
<li>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 <ul> and </ul> instead of <ol> and </ol>.
If you need more assistance, please utilize the wide variety of HTML resources on the Web (or HTML books and manuals) or simply visit http://www.w3schools.com/Html/default.asp for an excellent tutorial on learning and using HTML.