LINKS
CraZy SheZy ProductionZ
CSP- Related
About us
Staff
Members
Newsletter
Disclaimer
Our Awards
Free Stuff
Webspace
E-mail Accounts
Shorter Urls
Graphics
Plain Dividers
Fancy Dividers
Animated Dividers
Bullets & Buttons
Animated Bullets
Animated Buttons
Animations
Homepage Sets
Tutorials
Basic HTML
Frames and Forms
DHTML
Java Script
CSS
Other
Links
WebDeZign Service
CSP Sponsors:
Miss Banner's
Free Banner Creation Service.
1999 CraZy SheZy ProductionZ inc.
All rights reserved.
HTML Tutorial
~Basics~
Basic Structure
To build a page you will need to know what the basic structure of a page looks like. It often varies if you use more complex codes but here is the basic code:
<HTML>
<HEAD>
<TITLE>Title of page</TITLE>
</HEAD>
<BODY>
Main part of page goes here.
</BODY>
</HTML>
Controling Colours on your page
To control the background and text colours of your page, use this code:
<BODY BGCOLOUR="#xxxxxx" TEXT="#xxxxxx LINK="#xxxxxx" VLINK="#xxxxxx" ALINK="#xxxxxx">
Swap the #xxxxxx with a colour value. Below are some basic colour codes:
White = #FFFFFF
Yellow = #FFFF66
Red = #FF0000
Grey = #CC9999
Blue = #0000FF
Green = #00FF00
Black = #000000
Purple = #CC33FF
Lt. Blue = #00CCFF
Background Image
Sometimes you may want a image for the background. This is the code you need:
<BODY BACKGROUND="imagename.gif/jpg">
Change the imagename to the name of the image and decide if it is a gif or a jpg file.
Images
This, I find is easy to remember once you have done it a few times.
<IMG SRC="imagename.gif/jpg">
Change the "imagename" to the name of your file and decide if it is gif or jpg.
Text
To write text you don't need any code. You just write but you need the following codes/tags to control the positioning/colour/elements of your text.
Bold:
<B>Your text here</B>
Italic:
<I>Your text here</I>
Underlined:
<U>Your text here</U>
Preformatted
Occasionally you want your text to appear just as you write in the editor you use. To do this use the preformatted tag:
<PRE>
Your text.
</PRE>
The text will appear in typewriter font 'like this'.
Centered (this also works for any kind of element in your page):
<CENTER>Your text</CENTER>
Quotes
If you want to write a quote use these tags. It will indent the text on each side:
<BLOCKQUOTE>
Your text
</BLOCKQUOTE>
Breaks
To create a line break (like pressing enter) put in this tag:
<BR>
For a paragraph break put this tag in:
<P>
Headings:
To do these you need the following code:
<H1>Heading 1</H1>
<H2>Heading 2</H2>
<H3>Heading 3</H3>
<H4>Heading 4</H4>
<H5>Heading 5</H5>
<H6>Heading 6</H6>
And they look like this:
Level one header
Level two header
Level three header
Level four header
Level five header
Level six header
Font Colour
To change a certain area of text to a different colour use these codes:
<font color="#xxxxxx">Your text here</font>
Change the #xxxxxx to the colour code you want.
You can do this to certain words to make them stand out or even to one letter, but that would take forever.
Horizontal Lines
A horizontal line is a plain grey line that spans as far as the page goes.
To create this use this code:
<HR>
Links
To link text or an image to a webpage you will need this code:
If the page is in the same system:
<A HREF="pagename.html">Hotlink Text/Image Code</A>
If the page is in a different system:
<A HREF="http://www.pagename.com">Hotlink Text/Image Code</A>
To link to an e-mail use this code:
<A HREF="mailto:name@domain.com">Hotlink text/Image Code</A>