SITE MAP SEARCH! GEOG 207 RESOURCES A-Z INDEX


Your First HTML ("Have the Time of My Life")

(http://faculty.washington.edu/krumme/guides/firsthtml.html)
This page was created in collaboration with Duc Vo


BACK BONE OF A WEBPAGE:

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.

<HTML>
<HEAD>
    <TITLE>THIS IS MY TITLE</TITLE>
</HEAD>
<BODY>
    HELLO WORLD!!!  I AM HERE...WHERE ARE YOU??? ETC...
</BODY>
</HTML>

and that's everything! Or is it???....


THE VERY BASIC HTML TAGS

Note : 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 paragraph.  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.
<STRIKE> </> Strike out a text.
<BLINK> </> Make a text blink to catch attention but sometimes harder to read in long sentences.  Use it sparingly.
<HR>  Display a horizontal rule like this: 

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: 

SIZE = how big the rule will be. 
WIDTH = how long it is. 
ALIGN = (CENTER, LEFT, RIGHT) 

<HR SIZE=2 WIDTH=30%> 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> 
or... 
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: econgeog@u.washington.edu

GOOD LUCK!!!
 

Return to: First Steps || Electronic Survival Page || Econ & Bus Geography