|
Intro &
Getting Started | Viewing Source &
Tags | Making & Testing a Page | Basic
Text Formatting | Images
Links | Directory
Structure & e-mail | Tables |
META Tags | Outside
Resources
Making a Page:
So you've got a blank text document open, and you're ready to make
your first HTML page. The first thing you'll want to do is type
in the opening HTML tag:
<HTML>
This one should be pretty obvious. You're making an HTML document,
so you need to indicate in the coding that it's an actual HTML document.
You don't want to close this tag yet; that'll be the very last thing
you do.
All HTML documents are divided into two parts, the HEAD and the
BODY. The HEAD contains special tags that support the page; the
BODY has your actual content. So, start with <HEAD>--we'll
close it soon.
First, you'll want to indicate what the title bar of the browser
should say when someone comes to your page. This is done with the
<TITLE> tag. For example, you might have:
<TITLE>My Personal Home Page</TITLE>
Now that you've got an HTML document initialized, and you've got
a title for it, it's time to close the HEAD with </HEAD>.
Now we'll tell the browser to start the BODY of the document with
<BODY>. We'll close this tag after we put in all our content.
Type out some words, maybe even a paragraph from a book. Don't
worry about how to format it yet; first we want to make sure that
what you have works. Once you've got something written, it's time
to close out the HTML document. First, close the body </BODY>
then enter in the closing HTML tag (</HTML>), and you're set.
Make sure the file is saved as text-only, and with a file extension
of (preferably) ".html". You may need to change the filename
from "example.txt.html" to "example.html" if
your text program insists upon putting in the ".txt".
Testing a Page:
Find the file you've created on your hard drive, and simply double-click
it. The HTML document (which is really just a text file saved as
".html") should open up in a web browser, and contains
the words that you've typed. Notice that the browser does not show
any of the tags you entered. If you don't see your content, or see
extra content, make sure your <HEAD> </HEAD> and <BODY>
</BODY> tags are right.
>> next
|
