|SITE MAP||SEARCH!||GEOG 207||RESOURCES||A-Z INDEX|
Your First HTML ("Have the Time of My Life")
Every HTML page begins with the
code <HTML> and ends with </HTML>.
They all have a head noted by <HEAD>. Inside the head you can put in a title <TITLE> for your page; then end it with </TITLE> and end the head with </HEAD>. Once you end the head you will go into the body using <BODY>. All or most of your page setup will go here and will appear for all to enjoy. Everything you see on this page is within the body of the HTML. Here is a better look at it.
<TITLE>THIS IS MY TITLE</TITLE>
HELLO WORLD!!! I AM HERE...WHERE ARE YOU??? ETC...
that's everything! Or is it???....
: Most tags are contained inside '<' and '>'. They end with a forward slash / inside the two signs like this </name of tag>. You will see examples of some of them at first, (in the table) then I will stop indicating the name for the closing tag. For example: Instead of this: <P> </P> I will use <P> </> to indicate that this tag needs to be closed and you should assume that after the / is the name of the tag you have just used.
|<P> </P>||This tag is to start a
It will give you a line break plus some space.
Thus, every time you start a new paragraph use <P>.
</P> is optional.
|<BR> </BR>||This signals a line break in your document. To start a new line (without additional space). </B> is optional.||<P> <BR>||This combination of P and BR (in this order) causes most browsers to add a little additional space (in addition to the space provided by P ).|
|<B> </B>||To bold text. Text in between them will be bolded.|
|<STRONG> </STRONG>||Works just like Bold.|
|<I> </I>||Italic the text.|
|<EM></EM>||Emphasize the text...just like the Italic tag.|
|<U> </U>||Underline the text. Do pay attention to the second part of the code because if you left </U> out, all your text after the <U> will be underlined. </U> is the closing tab for the underline command. Just like for </B> and </I>.|
|<SUB> </SUB>||Subcript a text.|
|<SUP> </SUP>||Superscript a text.|
|<BLINK> </>||Make a text to catch attention but sometimes harder to read in long sentences. Use it sparingly.|
|<HR>||Display a horizontal rule like
You can add in some attribute to control it's size and characteristics. You can specify numbers in pixel or in % of the page. The attributes are:
how big the rule will be.
will look like this:
If you just have <HR> then it will have the default values of SIZE=2, WIDTH=100% AND ALIGN=CENTER.
However, most people use an image
bar to make their page look better, something like this:
or, more dramatically, this:
You can easily find these in collections of public domain images.
|<A> </A>||Anchor use with HREF to make a
link to a different page within your server folder:
<A HREF="page1.html">To my first html page</A>
To link to a page somewhere else in cyberspace - use the full internet address:
<A HREF="http://students.washington.edu/~dvo/aap/updates/index.html">To my favorite webpage </A>
Note: Some are shorter, but some may be longer then this one. Look here for more!
|<CENTER></>||Centers everything within the <> and </>. You may use align if you like but you cannot do LEFT and RIGHT without using ALIGN (don't ask...I don't have an answer for that.).|
|Hopefully this will help you get started. Remember, these are just the very basic tags. If you have more specific questions on other tags or how to implement a tag into your page then e-mail me at: email@example.com|
Return to: First Steps || Electronic Survival Page || Econ & Bus Geography