Make your own free website on Tripod.com
Main Page * News * Internet Style * HTML Tips * Who is she? * Web Rings * Awards


Websites Help
Start Here
Common Problems
HTML Beginner's Guide
Color Codes and Commands
Email Links
Pictures Imperfect
Help from Other iVillagers




Start Here
These help pages were originally written to support iVillage members building their websites in an iVillage community. That service was closed on 28 February, 2005. These help files are now, sadly, out of date.

Common Problems
Got a problem with your web page that you just can't solve? Check your page for these common errors (hey, sometimes they even creep into my corrections).
HTML Beginner's Guide
HTML? What does that mean?

HTML is short for HyperText Markup Language, the language used to write Web pages like this one!

Look at the difference between HTML code and what the browser displays:

HTML Code     Browser Display
HTML Code to <EM>emphasize</EM> text! HTML Code to emphasize text!

Code (on the left) gets interpreted by your browser (on the right).

Any text enclosed in "<" and ">" marks is a "tag" that tell the browser what to do. For example:

Tags usually come in twos, one that begins an action and one that ends it.
Important Note: normally, you won't see the tags in the browser, what you see are their effects.


The Most Common Codes

There are several common HTML tags
Tag     HTML Code     What the Browser Shows
<STRONG> (Bold) This tag will <STRONG>emphasize</STRONG> This tag will emphasize
<EM> (Italic) Other code can <EM>italicize</EM> Other code can italicize
<U> (Underline) Some will even <U>underline</U> Some will even underline

What you need to start

Here is the the bare minimum HTML code for a home page:

HTML Code     Browser Display
<HTML>

<HEAD>
<TITLE>Your Page Title!</TITLE>
</HEAD>

<BODY>

Your Stuff!

</BODY>

</HTML>

Your Stuff!

Remember: You don't need to know what these tags all mean.
Just put your title between the <TITLE> and </TITLE> tags. This title will appear at the top of the browser display.
Your page contents go between the <BODY> and </BODY> tags.
You can type all this code right into the iVillage Advanced Editor.
Making a LINK

A hypertext link is a special tag that links one page to another page or resource. If you click the link, the browser jumps to the link's destination.

There are two parts to a link:

Look at how HTML makes a link:
HTML Code     Browser Display
<A HREF="http://www.ivillage.com">Go to iVillage</A> Go to iVillage

In this example, the phrase "http://www.ivillage.com" tells the browser what the link's destination is, and the phrase "Go to iVillage" invites the viewer to click.
The link on the right is real -- if you press it, you will go to iVillage's Web site.
If you want to make a link from one of your own pages to another page in the same directory, just use the filename or address of the page without the "http://pages.ivillage.com/" prefix. The browser will look for this page in your current directory.
HTML Code     Browser Display
<A HREF="next.html">Visit my Next Page</A> Visit My Next Page



Text and Background Colors

I can't advise you WHAT colors to choose, but I can tell you that common colors can be referred to by name (i.e. black, white, yellow, navy, etc.). For a list of colors by name, consult our colortable at the top of every freeform editor screen.

Note: There are over two hundred colors that are "browser safe" (i.e. will display as you want in any browser). Many of the named colors don't ALWAYS show up nicely on every browser. To be extra careful, you should use the browser-safe color palette and refer to your color by its HEXADECIMAL value (a six-figure number-letter code) as shown below (e.g. "#FFFF00").

HTML Code     Browser Display
<FONT COLOR="green">Something Green!</FONT> Something Green!

HTML Code     Browser Display
<FONT COLOR="#8000FF">Customize some color</FONT> Customize some color

Can I set colors for my entire page at once?

You can do all this in the BODY tag! Just try:

HTML Code     Browser Display
<BODY BGCOLOR="blue" TEXT="red">

Red words on Blue

</BODY>

Red words on Blue



What do I do so someone can send me email from my page?

It's a special kind of link that launches an email. Take a look:

HTML Code     Browser Display
<A HREF="MAILTO:membername@ivillage.com">E-mail Me</A> E-mail Me




Pictures and Backgrounds
So, how do I get those pictures up there, anyway?

Use the IMG tag. Here's how:

HTML Code     Browser Display
<IMG SRC="images/mail.gif">

Always remember to type the name of the image file EXACTLY as shown in your directory. Uppercase and lowercase exactly as you see. And browsers can only display .gif and .jpg image files, so make sure that whatever picture you've uploaded is one of these two standard web graphic type.
The Background

If you want to use a picture as your webpage background, it's as easy as adding a bit of information to your <BODY> tag:

HTML Code     Browser Display
<BODY BACKGROUND="/imagelib/ivillage/70/70003.gif">

Now, when you do this on your page, the background will repeat until it fills the whole page. This can be a strange effect with some pictures so choose your background carefully! Remember, only use .gif or .jpg file types!
Back to the Top


Help from Other iVillagers
There are some SUPERB iVillage member sites for HTML help:

Has this site been a big help to you? Want to point others to it? Feel free to link back here using one of these buttons:
Ancarett's HTML Help  Ancarett's HTML Help  Ancarett's HTML Help

Just copy and paste in one of the codes below:
Note that the code is formatted for iVillage's "images" subdirectory. If your page is not at iVillage, change the code to work with your own directory system

<!--Begin Ancarett's HTML Help Button Fragment, Trek-->
<A HREF="http://pages.ivillage.com/ancarett/help.html"><IMG SRC="http://pages.ivillage.com/ancarett/images/ancaretthelp.gif" WIDTH=216 HEIGHT=76 BORDER=0 ALT="Ancarett's HTML Help"></A>
<!--End Fragment-->

<!--Begin Ancarett's HTML Help Button Fragment, Large-->
<A HREF="http://pages.ivillage.com/ancarett/help.html"><IMG SRC="http://pages.ivillage.com/ancarett/images/bighelp.jpg" WIDTH=149 HEIGHT=149 BORDER=0 ALT="Ancarett's HTML Help"></A>
<!--End Fragment-->

<!--Begin Ancarett's HTML Help Button Fragment, Small-->
<A HREF="http://pages.ivillage.com/ancarett/help.html"><IMG SRC="http://pages.ivillage.com/ancarett/images/smhelp.jpg" WIDTH=150 HEIGHT=50 BORDER=0 ALT="Ancarett's HTML Help"></A>
<!--End Fragment-->

Main Page * News * Internet Style * HTML Tips * Who is she? * Web Rings * Awards

Created by Ancarett. Last updated 2 February, 2001.