 |
The "title" appears in the "title bar" (the blue bar at the top of
the window). The title is part of the "headER".
A Web page is built using Hypertext Markup Language
instructions (HTML). These instructions are written using any word
processor on a MAC or PC.
HTML instructions or "tags" are identifiable because
they are enclosed in "greater than" and "less than" symbols.
The first tag is always the HTML tag <HTML>.
The "header" tag follows the HTML tag and the "title"
tag is part of the "header". <HEAD> and <TITLE>
The "title" appears in the "title bar" (the blue
bar at the top of the window). The title is part of the "headER".
Each HTML instruction consists of a beginning tag
and an ending tag. The ending tag is identical to the beginning
tag except that it is preceded by a forward slash (/). </TITLE>,
for example.
Type the following HTML instructions in the word
processing program.
Then, click on the "Title Example" button to see what your Web page
should look like so far.
|
| |
| Title
Example |
<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
</HTML> |
Notice that the title bar reads: My First Web Page
and the body of the Web page is blank except for the link to return.
Top of Page
|
|
Headings set off information in Web pages. Headings can be displayed
using different fonts, type styles, and sizes. All Web browsers allow
six different heading styles.
"Headings" help set off information on a Web page. Headings are part
of the "body" of a Web page and are, therefore, preceded by the "body"
tag .
Headings can be displayed in a variety of font styles, sizes, and
colors.
Every browser can handle the six basic Heading styles.
These are referred to as H1, H2, H3, H4, H5, and H6 in HTML tags.
Type the following HTML instructions in the word processing program.
Click on the "Heading Example" to see what your Web page should look
like so far.
|
| Heading
Example |
<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>
<H1>This is Heading Style 1</H1>
<H2>This is Heading Style 2</H2>
<H3>This is Heading Style 3</H3>
<H4>This is Heading Style 4</H4>
<H5>This is Heading Style 5</H5>
<H6>This is Heading Style 6</H6>
</BODY>
</HTML> |
Top of Page
|
|
The basic text information is displayed in paragraphs.
Most text information on a Web page is in paragraph format. Paragraphs
are preceded and followed by a blank line.
<P> and </P> are HTML tags for paragraph data.
Type the HTML instructions shown below in the word processing program.
Click on the "Paragraph Example" to see what your Web page should
look like so far. |
| Paragraph
Example |
<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>
<H1>Building a Web Page</H1>
<P>Building Web pages is fun and easy once a few HTML
tags are learned. Everything between the paragraph tags is included
in the text.</P>
<H3>Titles</H3>
<p> Titles appear in the Window title bar</P>
<H3>Headings</H3>
<P>Headings help identify major categories of information.</P>
</BODY>
</HTML> |
Top of Page
|
|
Lists are useful for setting off information on your Web page and
making the information more readable.
"Lists" enable the viewer to spot important points on your Web page
more easily.
Two basic types of lists are:
Ordered (Numbered) and
Unordered (Bulleted).
In HTML, the beginning and ends of the list are identified with list
tags.
<OL> for ordered lists and <UL> for unordered lists.
Each item in the list is identified with list item tags.
<LI>.
Note: The tag is L (as in List) and I (as in Item). The tag does NOT
contain numbers, so don't confuse the i with the numeral one.
Type the HTML instructions shown below in the word processing program.
Click on the "List Example" to see what your Web page should
look like so far. |
| List
Example |
<HTML>
<HEAD>
<TITLE>My First Web Page</TITLE>
</HEAD>
<BODY>
<H1>Building a Web Page</H1>
<H3>3 Steps to Create Your Page</H3>
<OL>
<LI>Determine Content</LI>
<LI>Design Page</LI>
<LI>Write HTML</LI>
</OL>
<H3>What You Have Learned</H3>
<UL>
<LI>Titles</LI>
<LI>Headings</LI>
<LI>Paragraphs</LI>
<LI>Lists</LI>
<OL>
<LI>Ordered Lists</LI>
<LI>Unordered Lists</LI>
</OL>
</UL>
</BODY>
</HTML> |
Top of Page
|
|
Click the "Save" button to learn how to save a web page using a word
processing program.
Hypertext Markup Language Instructions (HTML) need to be saved as
a "text only" or ASCII file in order for Web browsers, such as Netscape
or Internet Explorer, to read and understand the HTML commands.
Whichever word processor you have used to create your Web page will
have a "Save As" command. (Usually this is a sub-menu under "File".)
- Click on "Save As"
- Type a filename.
(With DOS include the file extension of .htm)
(On a MAC or Windows PC include the extension of .html)
- Indicate the disk drive and
folder (directory) where the file should be stored.
- Make sure to save the file as "text
only", "text document" or ASCII.
In Windows, this is done by clicking on the "Save as Type" drop-down
list, and selecting "text only" or "text document
|
| Save
Example |
Click on the "Save Example" to see the
Save As dialog box.
Top of Page
|
