Building Your First Web Page

Class #5

We are typing in "Notepad" (found in Windows Accessories) Return to Class Index
Action:   Example:
Add Background image
  • Change <BODY> Tag by adding "attribute" before the ending ">" See example
  • Image has to be .gif or .jpeg format
  • Browser will tile image to cover page
  • Save an image to the same directory as your "testpage".

Add an image

  • <IMG SRC="picture.gif">
  • Save picture.gif in same directory
  • Image has to be .gif or .jpeg format
  • Browser will size image based on the size of the saved file

Add a link to another page

  • <A HREF="http://www.*location*"> will link to a location on the Internet
  • <A HREF="anotherpage.htm"> will link to another page in the same directory as "testpage"
  • Type a description
  • Ending tag </A> is required

Add an e-mail link to automatically create mail

  • <A HREF="MAILTO:****@****">
  • Describe e-mail destination
  • Ending tag </A>

Add line or paragraph break

  • <P> will start a new paragraph and </P> will end the paragraph
  • A blank line or space will be inserted between paragraphs
  • <BR> will end the line similar to "carriage-return" on a typewriter

Save work

  • save as "testpage.htm" in the directory of your choice
   <BODY BACKGROUND="clds1.jpg">

<CENTER>

<H1> Building Your First Web Page</H1>

<H2> HTML 101 </H2>

</CENTER>

<HR>

<IMG SRC="ilogoa.gif"><BR>

Here is our

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

location on the Internet! </A>

This is what will be seen on the Internet.

<FONT color="red" size="4">

We will build our web site between the "body" tags.

</FONT>

<BR>

Class #3 added HTML tags that would:

<UL>

<LI>Background color

<LI>Center tag

<LI>Add a horizontal line

<LI>Format text

<LI>Create a list

</UL

You can sent us your comments

<A

HREF="MAILTO:

john@inetmarketing.com">

by clicking here </A>

</BODY>

</HTML>

Note: The HREF may automatically be underlined and color changed by browsers that sense you typed a "correct" link

Action:   Results:
  • Start you browser
  • Click on "file" & "open"
  • Find "testpage.htm" in the directory you saved it and open file
   (If you see the last lesson, try the "refresh" or "reload" button on your browser.)

Our example page is HERE
Questions?

Ask: John Henderson

 Return to Class Index Copyright ©1997-2004

I-Net Marketing