Feb. 8, 1999
In this lab, you'll create a small web page using notepad, adding features
as you go and observing the changes.
- Create a new folder for this work. Name it HTML. Copy the
image file baltmap.jpg from the HTML Lab folder on the S: drive
to the HTML folder you just created.
- Start notepad. From the Start menu, choose
Programs, then Accessories, and select notepad from there.
- Type the basic framework of a web page into notepad:
Save the file into your HTML folder, using the name index.htm.
Double-click the file icon; the file should open in Internet Explorer.
Pretty boring page, right?
- Let's give it a title, a heading, and change the default color
Save the web page, return to Internet Explorer, and refresh the page. It
looks a little better now, right?
- In the head block, add the title My First Web Page.
- In the body start tag add the attributes
text="blue". Or, choose your own colors from the list at
- In the body block, add a level 1 heading: My First Web Page.
- Now, we'll add a few more improvements.
Again, save the page and view it in Internet Explorer. Don't forget to
refresh the page.
- Surround the level 1 heading tags with a pair of tags to center
- Put a paragraph tag after the heading and then type the text
This is my first web page. Isn't it cheesy?.
- Type a second paragraph tag and then type the text I attend
Goucher College. Here's where it's located:. Add another paragraph
- Add tags to bold first and italicize cheesy.
- Let's add a few multimedia effects:
Save the page and view the results.
- Surround Goucher College with a pair of link tags, linking
the text to the College's home page at
- Following the last paragraph tag you added, add an image tag using
the baltmap.jpg as the image on the page. After the image tag,
insert another paragraph tag.
Almost done. Just a couple more things:
Save the file and view the page. You're done. How's it look?
- Add a horizontal rule tag following that last paragraph tag and
then add another paragraph tag.
var modiDate = document.lastModified;
modiDate = modiDate.substring(0,8);
document.write(``This page last updated on `` + modiDate);
- Feel free to experiment with the page and see what happens.
Thomas P. Kelliher
Sun Feb 7 22:15:00 EST 1999