<HTML> - Should be the first tag included in your webpage.

<HEAD> - Should be the second tag in your webpage. It provides a space for heading tags.

<TITLE>Put your title in this area. It might be something like My first webpage.</TITLE>

</HEAD> - Should close the heading section.

<BODY   BACKGROUND="image.gif"    BGCOLOR="#000000"  TEXT="#0000FF"
LINK="#00FF00"  VLINK="#FF0000"   ALINK="#00FF00">

You may include several HTML tags in this area. Below are listed many of the more commonly used tags.

Font Tags

<H1>,<H2>,<H3>,<H4>…

Changes your text size from the default setting.

<H1>Example</H1>

<FONT  SIZE = "5" COLOR="C0C0C0">

Changes your text size and/or from the default setting.

<FONT SIZE="5" COLOR="#C0C0C0">Example</FONT>

 

The Image Tag

<IMG  SRC="IMAGE.GIF">

<IMG SRC="EXAMPLE.GIF">

 smile.gif (1123 bytes)

More on the image tag...

The Link Tag

<A  HREF="location and name of a desired webpage"   NAME="Link"  TARGET="Target
Name"> - Gives you a link to another page.

<A HREF="http://www.lightlink.com/">Example</A>

 

List Tags

 The unordered list  The ordered list

 <ul>

<li>Item 1
<li>Item 2

</ul>

 <ol>

<li>Item 1
<li>Item 2

</ol>

 yields:   yields:
  • Item1
  • Item 2
  1. Item 1
  2. Item 2


</BODY>
Closes the body section of your webpage.

</HTML> Closes the webpage.

Other Basic Tags
<CENTER>Center</CENTER>
<I>Italicize</I>
<U>Underline</U>
<B>Bold</B>
<PRE>Preformat</PRE>
- Creates text as you type it.
<DD> - Indents a line of text.
<BR> - Creates a break between items.
<HR> - Creates a hairline between items.


A note about directories

If you've ever been to Yahoo you'll notice that most of the main sections are divided into sub-directories. (/this/that) and somtimes a name like "something.htm." The directories are folders on another computer. In this example you might want to think of a computer as a filing cabinet. The filing cabinet contains folders which are all neatly arrranged and used for a specific topic. On a computer the folders are called directories and they should likewise be neatly arranged. Each directory should contain webpages that are about acertain topic and usually contain a directory for your pictures. The arrangement would look something like this if you viewed it in the Windows Explorer:

director.gif (1206 bytes)

The diagram here assumes that you are familiar with the Windows Explorer or File Manager. If you have never viewed the Windows Explorer, you should try to envision each lower level directory (folder) being placed inside the directory (folder) above it. (This is where the filing cabinet analogy becomes problematic because most people do not put folders inside of folders in a filing cabinet but...) In other words, the "picture directory" is inside the "organized directory" which is inside the "first" or "root" directory. It is important to remember that this is what your directory sturcture looks like on the server computer which is controlled by your Internet Service provider. You may wish to create a copy of this directory structure on your home computer to make it easy to view and change your webpage(s) when you are not connected to the Internet. Please also note that the "first" or "root" directory may carry your last name (ie Smith) or similarly simple name. The "first organized" directory might be named "hobbies" and the "picture" directories for both might be named "graphics."

folder1.gif (3247 bytes)   folder2.gif (3100 bytes)


Go to Web Design Go on to Tables Go Home

Copyright - M. Molino (coachmol@lightlink.com)