Step 2
Now you need to insert some formatting tags in your document that
will tell an Internet browser how to arrange your words and pictures
on the screen. These tags make up a language called HyperText
Markup Language, or HTML. The basic skeleton for an HTML document
looks like this:
<html>
<head>
<title>Title of Page</title>
</head>
<body>
Text of page...
</body>
</html>
Notice that (1) each formatting tag appears between "less
than" (<) and "greater than" (>) signs, and
(2) the tags often appear in pairs, with the second tag in the
pair beginning with a "slash" (/).
Here's a list of some of the basic formatting tags in HTML:
<h1>...</h1>
header, level 1 (the largest size type for a header, usually used
at the beginning of a page or the start of a new section). Smaller
headers are tagged with <h2>...</h2>, <h3>...</h3>,
etc.
<b>...</b>
boldface text
<i>...</i>
italic text
<center>...</center>
centered text
<p>
paragraph return (inserts an extra line space between paragraphs)
Note: Any paragraph returns that you insert in your document by
simply hitting the Return key on your keyboard will be ignored
by a Web browser. You must use the tag <p> to create a paragraph
break on the screen.
<br>
line break (no extra space)
<hr>
horizontal rule (a line running left-to-right across the page,
to separate one section from the next)
<ol>...</ol>
ordered, or numbered, list. Each list item begins with the tag
<li> and falls somewhere between the <ol>...</ol>
tags.
<ul>...</ul>
unordered, or bulleted, list. Again, each list item begins with
the tag <li>.
<a href="filename.html">...</a>
a hotlink to another file in the same folder
<a href="http://URL">...</a>
a hotlink to another site. You will have to know the Uniform Resource
Locator (URL), or Web address, of any site to which you want to
link your page.
<img src="image.gif">
This tag would insert an image with the filename "image.gif"
on the far left side of your page.
Step 3
We've created several Sample Web Pages for you to study. Using
the link below, go to the Sample Web Page and look at how the
text and image appear on your screen. Then use "View Page
Source" to call up the document we used to create the sample
page.
Step 4
If you don't already have image files for your page, you can take
a look of our website design page. Use your common sense to decide
which images you're allowed to use and which ones you shouldn't.
Images provided by NASA, for example, are for the public's use.
A corporate logo is private property.
While you're searching for images, don't download every one you
see. You'll take up a lot of space on your hard drive if you grab
dozens of images. Select just a few -- perhaps your own "Top
Five" list -- that you think are the best for your page.
