|
Main
Page
Your main/first
page needs to be named "index.html", though on some
servers "index.htm" is allowed.
Some servers
require that you use only lowercase letters for all your filenames,
so I make it a habit to make sure filenames are also lowercase
in my html code.
Links
To link
to another page at your site,
use this code:
<A
HREF="filename.html">Name of Page</A>
Example:
Home Page
To link
to another page NOT at your site,
use this code:
<A
HREF="http://www.someplace.com/filename.html">Name
of Page or Site</A>
Example:
Yahoo
If you
do not want your links underlined, this will work for
some browsers:
<A
HREF="filename.html" STYLE="text-decoration: none;">Name
of Link</A>
If
you use this method, you should show that there is a link by
the use of a different color and style for your "invisible"
text links. This page has the links the same color as the text,
so without the underlined links, it is difficult to see the links.
For this page the link color information is just below the </HEAD> code, and it is
<BODY
BGCOLOR="#006699" TEXT="#ffffff" LINK="#ffffff"
VLINK="#cccccc" ALINK="#ff00ff">
Example:
Yahoo
To link
from an image
instead of text, use the image information instead of text:
<A
HREF="filename.html"><IMG SRC="image.gif"
WIDTH="00" HEIGHT="00" ALIGN="BOTTOM"
NATURALSIZEFLAG="0" ALT="title" BORDER="0"></A>
You
should specify in pixels the width and height of an image.
To link
to a downloadable file via text:
<A
HREF="filename.zip">Name of File</A>
To link
to a downloadable file via an image:
<A
HREF="filename.zip"><IMG SRC="image.gif"
WIDTH="00" HEIGHT="00" ALIGN="BOTTOM"
NATURALSIZEFLAG="0" ALT="title" BORDER="0"></A>
You
should specify in pixels the width and height of an image.
Email
Link
<A
HREF="mailto:[email protected]">[email protected]</A>
Images
For
images the code is:
<IMG
SRC="filename.xxx" WIDTH=000 HEIGHT=000 BORDER=0 ALT="title">
The
image files must be *.gif or *.jpg format. You should specify
in pixels the width and height of an image so it will load faster.
Including a title (ALT Tag) lets people know what an image is
before it loads, and it is necessary for those who surf the net
with their image option turned off. Use the same code for animated
images.
Background
Images
To the <BODY> code you simply
add the name of your background image:
<BODY
BGCOLOR="#000000" TEXT=#cccc00" LINK="#ff33ff"
ALINK="#ff0099" VLINK="#00cc00" BACKGROUND="background.gif">
Examples
Music
If you
want music on your site, these codes will work. You must use
separate codes for Netscape and for Internet Explorer so everyone
can hear your music (or make a dive for the Stop button). I don't
care for music at web sites. I only put music on this page to
drive you crazy. Please do not use sound files that will take
a long time to load.
The
Netscape code:
<EMBED
SRC="filename.mid" AUTOSTART="true" VOLUME="50"
CONTROL="CONSOLE" WIDTH="100"
HEIGHT="100" LOOP="true" HIDDEN="true"
ALIGN="BOTTOM">
The
Internet Explorer code:
<NOEMBED><BGSOUND
SRC="filename.mid" LOOP="infinite"> </NOEMBED>
Links
to Some HTML Sources
Mercy's
Help Pages (look
near the end of her main page)
The Bare Bones Guide
to HTML
A Guide to
Creating a Successful Web Site
How
To Build a Web Page (quick
and easy)
HTML Goodies
HTML Help by The Web Design
Group
The HTML Reference
Library
HTML Tutorial
Tangled
Web Tutorials
Web Page Designing
Tips
Free
Web Software
Some
Free; some Shareware; some Demos.
Tucows |
