HyperText
Markup Language
The
Basic HTML document source code looks like:
<HTML>The
entire web document
</HTML>
Begins
and ends all HTML documents
<HEAD>Title
and Scripts </HEAD>
The
Only elements between the HEAD tags are the TITLE and any SCRIPTS
(Such as a JAVASCRIPT)
<TITLE>Your
document's title </TITLE>
This
is the TITLE of your document. It is NOT shown anywhere but
in title bar
<BODY>Everything
that will be on your web page! </BODY>
Within
the BODY tag are the attributes of background and 'forced
text and link colors
<P>The
P tag denotes a paragraph. HTML puts two line breaks so there
is an empty line separating paragraphs.</P>
<BR>HTML
does not break lines (except for line wrap). The BR tag denotes
a line break.
<HR>
Puts a horizontal
rule
<A
HREF="http://www.mystery-productions.info">
Mystery Productions </A>Denotes
a link to another HTML document
You
can also use the <A> (anchor
tag) to incorporate your email address into a 'clickable' that
will allow the web surfer to send you email, if his browser
is properly configured.
<A
HREF="mailto:mlprice@mystery-productions.com">mlprice@mystery-productions.com</A>
<IMG
SRC="NAME.GIF"> Places
an image
All HTML tags must be closed with the exception of:
-
<BR>
-
<HR>
-
<IMG
SRC="NAME.GIF">
Example
of the Source code for an entire Basic HTML Document
<HTML>
<HEAD>
<TITLE>My first
HTML assignment</TITLE>
</HEAD>
<BODY>
This is an HTML Document. It's not as hard to do this as I thought
that it was going to be. I think the hardest thing about doing
all of this is going to be trying to decide what it is that
I want to say! But right now I want to link to another
<a href="http://www.mystery-productions.com/">
web page. </a>
<P>
And to include my
<a href="mailto:mlprice@mystery-productions.com">
email address</a>
<P>
And also to show this neat gif that I found!
<BR>
<img src="blue_one.gif">
<P>
<HR>
</BODY>
</HTML>
NOTE:
Save this file as:
index.html
This
would appear in an HTML document as:
This is an HTML Document. It's not as hard to do this
as I thought that it was going to be. I think the
hardest thing about doing all of this is going to
be trying to decide what it is that I want to say!
But right now I want to link to another web
page.
And to include my email
address
And also to show this neat gif that I found!
|
NOTE:
Your first page of your Homepage MUST be saved as index.html
Any other
page would be saved with any name that you choose. An example
would be if I wished to have a link on my Homepage to my resume.
On my Homepage I would make a link using:
<a
href="resume.html">My Resume</a>
In this case
I've created a separate file called resume.html
and I am refering to it with the hypertext
link.
It
is easy to find a site with publically available icons. One of
the best places to start is the page design and layout/graphics
section at
Yahoo! Or, if you know what you are looking for you can go
to Filez. Use the pull down
menu to select 'Graphics' and then type in the name of the graphic
for which you are searching When you find a graphic or icon that
you like you can save it to your disk by placing the cursor over
the graphic and, if you are using a two button mouse pressing
the right mouse button. A menu will pop up. If you are using a
one button mouse, just hold the mouse button down and the same
menu will appear. Example:
|