This is a simple tutorial I wrote for those users who don't even know what HTML is. If this isn't enough for you try one of theese.
.
<HTML> |
<HEAD> |
<TITLE> Title </TITLE> |
</HEAD> |
<BODY> |
The Body of the document |
</BODY> |
</HTML> |
<TITLE>This is the Title of the document as you'll see it on the title bar of the browser.</TITLE>
The <HTML> </HTML> tells the browser that the document is a HTML page. It contains the whole document.
The <HEAD> tag (and </HEAD> ) is optional and contains document informations such as <TITLE> and <INDEX>
The <BODY> </BODY> encloses the part of the page that will be displayed. The <BODY> tag let's you set the color of text and background:
- To change the background color, use BGCOLOR=RRGGBB
- To change the overall text color, use TEXT=RRGGBB.
- To change the color of links LINK=RRGGBB.
- To change the color of links that have already been visited, use VLINK=RRGGBB.
- When you click on a link, it momentarily changes color. To change that color, use ALINK=RRGGBB.
RRGGBB is the Hex code for the color; that means that colors are coded as a 6 digit
hexadecimal RGB number. Let's make it easier: colors are represented by their
composition: red, green, and blu (RGB), so the whole color takes 6 digits.
Here are some examples:
Red: FF0000
Green: 00FF00
Blue: 0000FF
All theese parameters must be enclosed in <BODY> tag.
Example n 1. : <BODY BGCOLOR=00FF00> ...........Part of the page that will be displayed (in red).........</BODY>
Example n 2 : <BODY VLINK=00FF00></BODY>
In general, all HTML commands will take the form:
<COMMAND> text </COMMAND>.
It is also possible to format the text. This is a list of the most common style tags:
Preformatted text</PRE>
Note that HTML will not recognise more than one consecutive whitespace. To let HTML recognize more than one consecutive whitespace you can use preformatted text. Unfortunately it is displayed in typewriter-like font, like
this
If there is a line break between the sentences a Web browser ignores it and starts a new paragraph only when it reaches a <P> tag. The <BR> tag is the same as a carriage return.
The <HR> tag draws a line, like this:
Font Size
It is also possible to change the Font Size
This can be done with
Centering can be accomplished with the <CENTER> </CENTER> tags,
Example:
<OPEN LIST>
<LH> List header (optional) </LH>
<LI> Item in the list </LI>
<LI> Item in the list </LI>
<LI> Item in the list </LI>
<LI> Item in the list </LI>
<CLOSE LIST>
Ordered Lists use <OL> to open the list and </OL> to close the list.
<DL>
<LH> list header <DL>
<DT> term </DT> <DD> definition </DD>
<DT> term </DT> <DD> definition </DD>
</DL>
This is how a definition list look like when viewed with a browser
To link to another file on another server, use <A HREF="http://www.address.com/path/filename.html"> anchor text </A>. This is called absolute linking. The tag is called an anchor.
Example: The Sony Home Page
To link to another file on the same server, use <A HREF="path/filename.html"> anchor text </A>. That is called relative linking.
Example: My other Web page
To link to a different place in the same file, you have to do two things.
First you must leave a pointer to the place in the file you want to link to. The
pointer looks like <NAME="abcdefg
">.
Then the link will look like
abcdefg
">
Example: Top of the page
picture
">picture
can be a relative or absolute link, but absolute links are strongly discouraged because of the
bandwidth they eat up. (It's much quicker to access a local drive than to go out over
the net for a picture.)
It is possible to use an image as a link:
If you don't like that colored border around the image you can get rid of it in this way:
picture
" BORDER=0>
Into links like this:
Alignment
By using <IMG ALIGN=...... > you can align the image to the TOP, MIDDLE, BOTTOM, LEFT or RIGHT of the image. Default is BOTTOM.
Top Aligned
Middle Aligned
Bottom Aligned