Start
your file out with this:<HTML> (some editors will do this automatically)
Title Your
Page:You got to give your page a title...the
title is what shows on the title bar,in this pages case
it is called Sunshine Web Design...see it.
The tag for this is:
<head><title>title
here</title></head>
The Body
The body consists of everything on the page.For example,
this is where you change the page color or background
info. Backgrounds look good, you can find a number of
styles you can link to at netscape.You may not want to have
a background,in this case you would use a different
tag.The following are body tags.
<body background="Complete
URL">This
is what you would type for a background image from
netscape.note:you must have the quotation marks around
the url.
<body bgcolor=color>
This is what you type if you want to select the color
yourself.You can either type the color you want or use
the RGB
hex triplet system for a greater diversity of
color.
Link Colors
The link colors also belong in the body,there are three
types.Link,alink and vlink I suggest you only use link
and vlink.
<Link=color> sets the color for links.(vlink=color)
Let's review
what you learned so far using this page as a
reference...My file looks like this:
<html><body><head><title>Sunshine
Web Design</title></head><body
bgcolor=white link=blue vlink=purple>
This is what it says:
This a page entitled Sunshine Web Design, the background
is white,the links are blue and the visited links are
purple
Links
Links are a vital aspect of any page,this is what enables
individuals to select items of interest.You may want to
link someone to a document ouside your system or may want
them to visit another page you have created.
Note:On Geocities the index.html file is the default
directory,everything should be placed under it.All other
files you create should have a title followed be
html.Ex:help.html (all lowercase letters)
The link tags are as follows:
<a href="complete
URL..http included">link</a> This tag will link
someone to a site on the web.They will click on the word
link.
<a
href="help.html">help</a> This will link someone to
a document you have created named help.html.They will
click on the word help.
<a href="mailto:your email
address">email me</a> This is the tag you would include
so an individual can email you by selecting the link.
<a
href="filename"><img
src="filename"></a> This would enable you to
click on an image to goto the desired link
Let's review
this using an example.
If I typed:<a
href=http://www.netscape.com> netscape.</a>
I would get this:netscape.
Now, add some
"stuff" to your page!
<font size=
color=>text</font>
This is the tag you would use to change the color and
size of the text.Sizes range from 1-7.You may also use
the font and font color tags independently.
<i>text</i>
This tag
would render your text in italics.
<b>text</b>
This tag
would render your text bold.
<sub>text</sub>
This tag renders text in subscript.
<sup>text</sup>
This tag would render your text in superscript.
<big>text</big>
This would render your text big,this works great when
using all caps.
<center>text</center>
This tag centers your text.
<marquee>text</marquee>
This tag will make your text scroll.note:Be careful
not to use this to much,it can be rather distracting.
<marquee
behavior=alternate>text</marquee>
This tag will make text bounce back and forth.
<br>
This tag
starts a new line.
<p>
This tag makes a space and then starts a new line.
<ul><li><li>
This is the tag to make bullet lists,each (li) is a line preceded by
the bullet.To close,type: (/ul)
<hr>
This tag adds a horizontal rule.
<u>
This tag underlines text.
<nobr>
This tag forces the text NOT to
wrap.(Be careful with this tag)
<BLOCKQUOTE> This
block element indicates that the enclosed text is an
extended quotation.
<BASEFONT>
This tag is becoming more obsolete
but sets the default font width and height for an entire
page and should be used as close to the body tag as
possible.
Margins.
All
margin width and height tags of a specific page are
included in the body tag of the document.
<leftmargin=>
Internet Explorer left margin
tag.
<topmargin=>
Internet Explorer top margin tag.
<marginwidth=>
Netscape left margin tag.
<marginheight=>
Netscape top margin tag.
Images
and sound.
<img src="name of
image">
This tag enables you to add images
to your page.
<border=0>
This tag enables you to turn off
link borders around the image.
<align=right,middle,left>
This tag aligns the image
left,right or center.You would use it like this:<img
src="URL" align=center>
<alt>
You should use this tag on all
images that take time to load, it will place text of what
the image contains while it is loading. The user will not
have to wait for the image to see what he is clicking on.
You would use it in conjunction with the img tag like so.
<img src="yourpic.gif" alt="Click here
to goto my links page">
<VSPACE>
This tag is used in conjuntion
with the img tag and specifies vertical space above the
image.
<HSPACE>
This tag is used in conjuntion
with the img tag and specifies horizontal space
next to the image.
<bgsound
src="filename" loop="infinite">
<embed src="filename"
autostart="true" hidden="true">
</embed>
This tag adds music to your page,
I suggest adding it to the end of your document,this way
the user doesn't have to wait for the music to load.fore viewing your
page.
Copyright ©
1998, 1999 Sunshine Web Design All rights reserved.
|