- HTML (Hyper Text Markup
Language) is a text file that serves as a description
of what a web page looks like to a web browser, such as
Netscape. This text file is full of commands that are between
brackets(greater than and less than symbols):
<command>
To close a command you use
a slash (/)
in the command:
</command>
- Some commands have a
parameter. A parameter is a modifier for a command that
performs a function:
<FONT COLOR=”red”>Text
goes here.</FONT>
This command would make this:
Text goes here.
The command is FONT
but the parameter is COLOR.
-
All
complete web pages must include the <HTML>
command, a <HEAD>
command and a <BODY>
command. The title of the page goes in the head:
| <HTML> |
<HEAD>
<TITLE>This is the
title</TITLE>
</HEAD> |
<BODY>
Main
information goes here, including text, links, pictures,
etc.
</BODY> |
| </HTML> |
Below
is an example BODY
command. It identifies your default page properties, such
as background color, text color, link color, active link
color and visited link color:
<BODY
BGCOLOR=”gray” TEXT=”black” LINK=”red” ALINK=”yellow” VLINK=”darkred”>
Here
are some common HTML commands
| The
HTML code |
What
it would look like |
| <B>Bold</B> |
Bold |
| <I>Italics</I> |
Italics |
|
<DIV
ALIGN=”center”>centered</DIV>
|
centered
|
|
<FONT
COLOR=”red”>Red
text</FONT>
|
Red text |
| <A HREF=”http://ccms.wcpss.net”>link</A> |
link |
| Lists |
| Unordered |
|
<UL>
<LI>item 1</LI>
<LI>item 2</LI>
<LI>item 3</LI>
</UL>
|
|
| Ordered |
<OL>
<LI>item
1</LI>
<LI>item
2</LI>
<LI>item
3</LI>
</OL> |
- item 1
- item 2
- item 3
|
| These
commands do not have to be closed |
| <BR> |
Line
break |
| <HR>
|
Horizontal
rule or line |
| <IMG
SRC=”images/picture.jpg”> |
Inserts the picture named “picture.jpg” which is in the folder “images”. |
Anchors:
So you know how to make links to other files and websites...but
did you know that you can link to different sections on the
same page? You can by using anchors. These links will jump
to other parts of the same page.
<A NAME="anchorname"></A>
This command above would set up an anchor on the page with
a name of "anchorname". To create a link that will
jump to this anchor, simply create a link to #anchorname:
<A HREF="#anchorname">
For another
great resource on HTML commnds,
try this link.
|
