Html tutorial
When writing a web page the first thing to know is that the browser
needs to know that you are posting a html document. This is done by
beginning the file with <HTML >. Next in the line of duty
is to title your page. This is done by typing in directly under the <HTML >
code <HEAD > <TITLE > Name of your page here
</TITLE >. Then after you have made your title you need the body
of your page. This is established by the <BODY > command. At the
end of your file you are going to have to close off the <BODY >
command as well as the <HTML > command which is done by placing
in the last two lines of your file </BODY > next then </HTML >.
The body command has some variable options to it that allows you to set the overall text
color and link color as well as the back ground color or place a back ground
image. It would appear as this:
<BODY BGCOLOR=SOME COLOR BACKGROUND=SOME IMAGE LINK
TEXT=SOME COLOR LINK=SOME COLOR ALINK=SOME COLOR VLINK=SOME COLOR >
*NOTE: some color can either be the hexidecimal number (RGB) of a color or it maybe
one of the named colors.
Next you will need to actually build your web page with the text,
images and links that you wish to post.
First off you need to know that these commands can be combined to
give color changes along with say size changes and other decorations to the same text. Just place
all opening codes before the desired text and then the closing counter part at the
end of the desired text.
Example:
<CENTER ><H1 ><FONT COLOR=RED > Your Text Here</CENTER ></H1 ></FONT >
Breaks: <BR >
*NOTE: This will add one line of white space per break command.
Color: <font color=some color > text here </font >
Font face: <font face="font name" > text here </font >
Bold: <B > text here </B >
or <STRONG > text here </STRONG >
Italic: <I > text here </I >
or <EM > text here </EM >
Underline:
Center: <CENTER > text here </CENTER >
Blink: <BLINK > text here </BLINK >
*NOTE: This option does not work for all browsers.
Font size: <FONT SIZE=PIXEL NUMBER > text here </FONT >
*NOTE: Pixel number should be an actual number ie,10 .
Example: <FONT SIZE=20 > text here </FONT >
Header: <H# > text here </H# >
*NOTE: This maybe used with text that is within a paragraph
or for the actual Heading of the page. # should be replaced with a number
range of 1-4 where one is largest and 4 is lowest.
Example: <H1 > text here </H1 >
Subscript: <SUB > text here </SUB >
Example: H <SUB > 2 </SUB > O
Which would post as this H2O
Superscript: <SUP > text here </SUP >
Example: 10 <SUP > 8 </SUP >
Which would post as this 108
Images: <img src=image address >
NOTE: Where image address is the actual URL where the image is located.
Link (text link): <A HREF=link address > Posting text here </A >
Link (image link): <A HREF=link address > <img src=image address > </A >
NOTE: where link and image address is the actual URL where they are located.
Link (email address): <A HREF=mailto:Your email address > Posting text here </A >
List (bullet): <UL >
<LI > Item 1
<LI > Item 2
</UL >
List (numbered): <OL >
<LI > Item 1
<LI > Item 2
</OL >
Here is an example of what a basic page would look like:
<HTML >
<HEAD >
<TITLE > Your page title here </TITLE >
</HEAD >
<BODY BGCOLOR=BLACK TEXT=RED LINK=BLUE ALINK=YELLOW VLINK=GREEN >
Your Text,links and images that you wish to display would be placed in this area.
</BODY >
</HTML >
[Main Page | Email Me ]
Sign My GuestBook