Children playing

History of the Internet and WWW

What is HTML?

Exercise: Hand-code your own page

Simple freeware WYSIWYG editors

Exercise: Make a page with AOLPress

Code references

Browser versions

FTP

Link syntax and file naming

 

Classes home

HTML Info home

 

HTML Basics

Jeff Williamson
Northern Virginia Community College
www.nvcc.edu/home/nvwillj/html-basics/
nvwillj@nvcc.edu

Exercise: Hand-code a simple page

Directions:

  1. Open Notepad (Start, Programs, Accessories, Notepad)
  2. Save a blank screen on your disk as a text file named start.htm
  3. Start copying.  Copy everything below, including stuff between flags, exactly into your text editor.  You can make the content whatever you want:
  4. When you are done, print your file
<HTML>
<HEAD>
<TITLE>My personal start page</TITLE>
</HEAD>
<BODY BGCOLOR="LIGHTBLUE">

<H3>Things I gotta get done today...</H3>
<UL>
<LI><B>balance checkbook</B>
<LI>pick up drycleaning
<LI>get car inspected
</UL>

<HR>
<H4>Daily inspiration</H4>
<BLOCKQUOTE>
In a time of drastic change it is the learners who inherit the future. The learned usually find themselves equipped to live in a world that no longer exists.

<P ALIGN="RIGHT">Eric Hoffer (1902-1983)
</BLOCKQUOTE>
<HR>

<B>News </B>

<P>
<A HREF="http://washingtonpost.com/">Post</A><BR>
<A HREF="http://nytimes.com/">NY Times</A><BR>

<P>
<B>Search </B>
<P>

<A HREF="http://ask.com">Ask Jeeves</A><BR>
<A HREF="http://google.com">Google</A><BR>

<P>
<B>Shop </B>
<P>

Best - <A HREF="http://www.mysimon.com/">My Simon</A><BR>
Rest - <A HREF="http://bottomdollar.com">Bottom Dollar</A><BR>

<P>
<B>E-mail </B>
<P>

<A HREF="mailto:nvwillj@nvcc.edu">Teacher</A><BR>
<A HREF="mailto:johndoe@hotmail.com, janesmith@excite.com">Siblings</A><BR>

</BODY>
</HTML>

When you are done:

  1. Start Netscape.
  2. Under File, Open, select start.htm
  3. See how the hand codes affect the display.  You might want to print your page.
Do you have to do this always? Nope.
Do you have to be able to read codes? Yup.

Comments? Questions? Visit the help page

Machine translations of this page into
Spanish, French, German, Italian, and Portugese
are available

Last updated information on updates page