HTML HELP (TAGS)
LINKING
A Link is either an image or text that, when clicked, takes you to a website.
Here are some ways you can easily link.
-
The Normal Text Link html looks like this: <A
HREF="http://www.thesite.com/">Words of TITLE here</A> Remember
to always cancel a link you make with </A>.
-
The Targeted Text Link html looks like this: <A
HREF="http://www.thesite.com/"TARGET="_top">Words of TITLE
here</A>. This will get you out of a frame like this to view
the whole site.
-
The Image Link html looks like this: <A
HREF="http://www.thesite.com/"><IMG
SRC="http://www.thesite.com/imagename"></A>. This wil link an image
but will have a blue border that isn't very pretty around it. You can delete
that border by simply saying this to the html: <A
HREF="http://www.thesite.com/"><IMG BORDER=0
SRC="http://www.thesite.com/imagename"></A>
-
Than you can always have the option of having a text link under the image
you link like this: <A HREF="http://www.thesite.com/"><IMG
SRC="http://www.thesite.com/"><BR>Words of TITLE here</A>.
TITLING
-
What's a title? Look at the very top of the viewer you are using to see this
page and you will see (WDW) HTML HELP. That area up there can be controlled
on your site using this html: <TITLE>TITLE HERE</TITLE> This
doesn't seem very important but for search engines, this is how you are titled.
You should also use proper meta tags for placement in search engines. For
that, just goto http://metatag.webpromote.com/
COLORING
-
You can make text, backgrounds, links, and visited links different colors.
1st lets start with the Text coloring
-
Text color can be changed by this <FONT COLOR="the color
type">words</FONT> Remember to cancel a color with </FONT>
unless you wish to keep all text that color.
-
Now lets try background coloring here: <BODY BGCOLOR="the color
type">and remember again to end with </BODY>
-
Now lets try link color here: <LINK="the color type"> and remember
that BODY tag should alway be there before that
-
Now visited links should look like this: <VLINK="the color type"> and
remember BODY tag first there too.
FONT SIZES
-
To make text large or larger, small or smaller, just use this html: <FONT
SIZE="the size">
TABLES
-
You can make a table by using this html: <TABLE> remember to use these
also <TR> and <TD> and to cancel each in the end. Table borders
can be made also by saying <TABLE BORDER=number>. Together a table
might look like this: <TABLE
BORDER=1><TR><TD>Some Text
Here</TD><TD>MORE TEXT
HERE</TD></TR></TABLE>
ALIGNING
-
You can align text, images, and other things with this html: <CENTER>
centers things. Remember to kill it after with </CENTER>. You can also
use these: <P ALIGN=LEFT or RIGHT or CENTER></P>
IMAGES
-
You can have an image on a page by using this html: <IMG
SRC="http://www.thesite.com/"> you can kill the border by saying <IMG
BORDER=0 SRC="http://www.thesite.com/">
IMAGE MAPS
-
An image map takes an image and uses different parts of the image to link
to different places. An image maps HTML may look like this: <MAP
NAME="map1"><AREA SHAPE=RECT COORDS="the coords or pixels of the image
look under a paint program to find where you want linked where. These may
look like this 0, 100, 0 , 400" HREF="http://www.thesite.com/"><IMG
BORDER=0 SRC="http://www.thesite.com/imagename"USEMAP="#map1">
SPACING
-
You can space text and images with this html: <BR> makes a small break
between the things and <P> makes a paragraph break for text.
MAIL FORMS
-
Ever wondered how to make a form on your site work? Use this HTML exactly
but substituting the your@email.com and the input types and stuff as
I will instruct you to: <FORM ACTION="mailto: your@email.com"
METHOD="POST">After lots of form things you can than say <INPUT
TYPE="submit" VALUE="Submit"></FORM> Inbetween the form action and
the end, have text bars for input. The html for those looks like this:
<INPUT TYPE="text" NAME="the name" VALUE="what you want it to say inside
it here"> A good example of a working mailform is avaliable by looking
at WDW's mainpage on the newsletter submit.