HTML Help from WebHelps
HELP
Affordable Email Lists and Domains since 2000
HTML HELP
HTML Help, page 2
HTML Help, page 3
HTML Help, page 4
Color Chart
Color Creator
Symbol Code
Beginning Tag Ending Tag Description
<P> </P> Paragraph; Text inside these two tags will be formatted as a paragraph, with a double-space between paragraphs.
<BR> None Break Return; Inserts a single line break.
<HR> None Horizontal Rule; Inserts a horizontal line.
<H1> </H1> Header; Text between these tags is larger than normal. There are 6 sizes, H1 through H6, H1 being the largest.
<CENTER> </CENTER> Center; Centers all the content between the two tags.
<span style="font-weight:bold"> </span> Bold; bolds all text between the two tags.
<span style="font-style:italic"> </span> Italic; italicizes all text between the two tags.
<span style="text-decoration:underline"> </span> Underline; underlines all text between the two tags.
<span style="color:#FF0000"> </span> Color; changes color of all text between the two tags to the HEX color defined (red, in this example).
<span style="font-family:verdana"> </span> Font Type; changes the font of all text between the two tags to the font defined (verdana, in this example).
<span style="font-size:10pt"> or <span style="font-size:10px"> </span> Font Size; changes the font size of all text between the two tags to the size defined (10 point or 10 pixel, in this example).
HEAD TAGS
Head tags include all code between <head> and </head>. Head tags are placed after <HTML> at the top of the page and are not visible when the web page is viewed. Head tags include such tags as <TITLE>, <META>, <STYLE>, and some <SCRIPT> tags. If you are using a stylesheet, you will include a <LINK> tag pointing to the stylesheet's location on the Web. A typical <head> tag might look like this:

<HEAD>
<TITLE>WebHelps FREE Web Site Hosting, Web Tool Add-Ons, and Online Communities</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="DESCRIPTION" content="FREE website hosting with tons of customizable web tool add ons.">
<META name="KEYWORDS" content="free,website,web,site,hosting,web hosting,online community">
<meta name="revisit" content="10 days">
<META name="robots" content="index,follow">
<LINK href="http://webhelps.com/webhelps.css" type=text/css rel=stylesheet>
<SCRIPT language="JavaScript1.2" type="text/javascript"></SCRIPT>
<STYLE>
.style4 {color: #cccccc; font-size: 9px; font-family: tahoma;}
#text {font-size: 10pt; color: black; font-family: tahoma}
</STYLE>
</HEAD>

BODY TAG
The Body includes all code between <body> and </body>, which includes the page content displayed by the browser. <BODY> is placed after </HEAD> at the top of the page. </BODY> is placed before </HTML> at the bottom of the page. Neither <body> nor </body> is visible when the web page is viewed.
Typically, the <BODY> tag will include instructions to the browser on what to display for the page's background, links, fonts, and margins. A typical <body> tag might look like this:

<BODY BGCOLOR="#FFFFFF" background="image.gif" link="#0aa0b6" alink="#787878" vlink="#ff7f00" LEFTMARGIN=0 bottommargin=0 rightmargin=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 style="font-family:verdana">

FONTS
<FONT SIZE=2>text size 1 to 8</FONT>
<FONT COLOR="Blue">blue text<</FONT>
<FONT FACE="arial">arial text</FONT>
<FONT FACE="arial" COLOR="blue" SIZE=2>blue arial text</FONT>

The <FONT> tag is being phased out. At some point, browsers will no longer support it. Therefore, you should start learning and using <SPAN> and <STYLE> tags. There are many great reference sites on the Web, if you do a search for "learn style tags" and "learn span tags". A site we recommend is htmlgoodies.com for lots of code examples. Below is the correct way to code the preceding font examples:

<span style="font-size:10pt">text size 1pt to 100pt</span>
<span style="color:blue">blue text</span>
<span style="font-family:arial">arial text</span>
<span style="font-size:10pt; color:blue; font-family:arial">blue arial text</span>
<span style="font-style:italic">italic text</span>
<span style="font-weight:bold">bold text</span>
<span style="font-size:12pt; color:#FF0000; font-family:verdana; font-weight:bold; font-style:italic">big red bold italic verdana text</span>

LINKS
To link to another page on the same website, use:
<A HREF="some-page.html">Link Text Here</A>

To link to a page somewhere on the Web, use:
<A HREF="http://www.some_site.com/some-page.html">Link Text Here</A>

To have your link open in a separate window, use:
<A HREF="some-page.html" target="_blank">Link Text Here</A>

To create an email link, use:
<A HREF="mailto:username@theirdomain.com">Email Us</A>

IMPORTANT - EMAIL LINKS: Displaying email addresses on web pages is not recommended. Doing so will enable the address to be harvested by spammers. An alternative to the above HTML code is to use a javascript to display a clickable email link that cannot be harvested. The Email Address Obfuscator will create the necessary code for you.

IMAGES
To display an image that is already displaying on another web site, use:
<IMG SRC="http://www.some_site.com/some-image.gif">

To display an image uploaded to your free web space with Site Maker, use:
<IMG SRC="http://www.hostinghelps.com/Username/some-image.gif">

ALIGNMENT
Vertical Alignment:
<td valign=top> - aligns everything to the top inside the column
<td valign=bottom> - aligns everything to the bottom inside the column
<td valign=middle> - centers everything vertically inside the column
Horizontal Alignment:
<td align=left> - aligns everything to the left inside the column
<td align=right> - aligns everything to the right inside the column
<td align=center> - centers everything horizontally inside the column