---> First of all, HTML is not hard. I know that because I learned it by myself from reading a book.
But it is time consumming, so plan your schedual wisely.
---> Understand one rule, the codes in HTML will always be enclosed in "<" and ">", which enclose
, technically called, the tags (I think). Usually the code being used will be stated twice, once at the beginning
of the section, and the other at the end. The only difference is that the "second" part will have a "/" in front.
Ex.<center>Hello</center>
---> <center> is a code word in HTML.
---> Want to try? Ok, you can open "Notepad" (a convenient HTML tool), and type in the following(the
blue text is my comments, don't type that):
<HTML><--- Always needed to start the codings!!!
<HEAD><--- the header, Needed too!!!
<TITLE><--- well, here you can Title your page...
First Try<--- you can change this text to whatever you like
</TITLE><--- this is the "second part" of <TITLE>
</HEAD><--- this is the "second part" of <HEAD>
<BODY><--- hmm, into the main coding area, also called the "body"
Hello, first try<--- once again, changeable text
</BODY><--- need I expalin?
</HTML><--- same principle
What's above is the basic structure of the HTML coding. You don't have to Capitalize the code
words, coz it's not case-sensitive. The header will become a very special place to "put stuff", which I
might get to later on.
Save the file as "index.html" if it's your first page! Why that name? If you plan to join Geocities,
then it would be much easier if you name it as "index"(just trust me on this one). If it's not your FIRST
page, then you can name it whatever you like! But remember to type ".html" at the end, otherwise
Notepad would defualt it into a Txt file!
Want to see what you've made? Click open Netscape (don't have to be online), and go to "File",
"Open Page", "Choose File", then find that file you've saved.
TEXT, FONT - not as easy as you might think...
--> General sizes of the text: H1, H2, H3, H4, H5, H6 (H1 is the largest)
Ex. <H1>Title Size</H1>
--> Want bigger/smaller? Use/change this code:
<FONT SIZE="+1">custome text size</FONT>
<-- change "+1" to "+2"... or "-1"... etc.
--> Font face differences... I can't show you all of them, only the common ones
Appearence:<B>Bold</B><I>Italic</I>
<U>Underline</U><BIG>Big</BIG>...
Special Effect:<BLINK>watch this blink</BLINK>...
Other Font Faces:<FONT FACE="Arial">Arial Font</FONT>
<FONT FACE="Comic Sans MS">Comic Sans MS Font</FONT>...
(Usually the font faces has the same names as the ones in Word)
* Style:<FONT STYLE="text-decoration:none">Put a link here and see</FONT>...
--> Font Color... A lot... You should keep track of them... I'll show the general ones
<FONT COLOR="#FF0000">Red</FONT>
<FONT COLOR="#0080FF">Blue</FONT>
<FONT COLOR="#FFFF00">Yellow</FONT>
<FONT COLOR="#FF80C0">Pink</FONT>
<FONT COLOR="#FF8040">Orange</FONT>
<FONT COLOR="#FF80FF">Purple</FONT>
<FONT COLOR="#00FF40">Light Green</FONT>
<FONT COLOR="#008080">Dark Green</FONT>
<FONT COLOR="#804040">Brown</FONT>
<FONT COLOR="#C0C0C0">Gray</FONT>...
<FONT COLOR="#FFFFFF">White</FONT>
<FONT COLOR="#000000">Black</FONT>
The "color code" is always in 6 digits. Don't forget the "#" in front of them.
--> Combine them! Like this:
<FONT FACE="Arial" SIZE="+1" COLOR="#FF0000">Look at this</FONT>
Multimedia (Images, Sounds) - you can make it as complicated as you can...
--> Put Images:<IMG SRC="me1.jpg">
<-- This will put up the picture EXACTLY as it is
-->or<IMG SRC="me1.jpg" WIDTH="50" HEIGHT="55" BORDER="0" ALT="my picture">
This allows you change the demension of the picture, and also the border width and a small mouse-over description...
--> Use JPG and GIF files only *
--> Put Sound:<EMBED SRC="song.mid" width="145" height="60" autostart="true" loop="true">
This will show up a "music box" when your page is load
-->or<EMBED SRC="song.mid" width="0" height="2" autostart="true" hidden="true" loop="true">
This will "hide" the "music box"... Change the "trues" to "false" and see what happens... =)
--> Only for MID and WAV files *
that's not all...
Pascal Programming(I'm a Turbo Pascal Compiler User)
--> Reserved Words - Code words that is programmed into the Compiler, can't be used as a
user-created identifier
--> Identifier - User defined variables
--> Assignment - ":=", the identifier on the left will have the value on the right
--> Declaration - in the "VAR" section, where the types of the variable is decided
--> Types:
INTEGER - positive, negative whole numbers.
REAL - positive or negative real numbers, only for "/" division(if used); must be "formated"
CHAR - (one) letter, number, special symbol, blank space
STRING - a series of CHAR enclosed in ' '
LITERAL - a constant value written into a program enclosed in ' '
BOOLEAN - either TRUE or FALSE value
--> Loop - instructions that tell the computer to repeately perform the same series
of lines a specific number of times or until a condition no longer exists
A short demonstration
Under Organization...