Introduction to HTML
by Eric Marcarelli
1. Your Editor
One of the great things about HTML is that it can be written in any text editor that can save .html
files. Open up your favorite editor and your ready to begin!
2. A Basic Page
Below is a basic page:
A Basic Page
The main text of a basic page.
Enter that into your editor, and save as anything.html. Open the page with your web browser. It's
not as hard as you thought, is it?
3. Headers, line breaks, and text formating
Of course, a site that is nothing but one big block of text isn't too nice.
Enter this code into your editor, save and view. Try to figure out what each line does before you
read the explaination:
Another Basic Page
Another Basic Page
This is one line of the body
This is the next line
As you probably guessed, centers all text untill
. You can also
use "LEFT" and "RIGHT". makes all text header size one untill
. There are other
size headers, try changing the number and se what happens.
simply creates a new line,
it is the same as pressing enter would be.
4. Understanding Tags
Whether you know it or not you are already using tags. Anything in HTML is a tag. is,
is, is. When a tag causes a change in the text or graphics after it, its affects can
usually be ended by a (tagename is the name of the tag).
5. Graphics
Unlike every other lanuage I've learned, graphics are simple! A simple tag will put a picture
on the screen. Note: .GIF is the most used graphic type.
6. Links
Links are how your visitors will access other pages of your site, it is important to master them.
Don't worry though, they are simple!
Text link:
Link Text
Graphical link:
7. Colors and font
If every page had the same colors and font, it would be pretty boreding. Luckily, as everything
else in HTML they are very easy to customise.
Colors and Font
Font on this page is Fixedsys
The background color is black.
The main font is white.
The links are red
This line is yellow
This line is bold
This line is italic
This line is underlined
The code is pretty self explanatory.
More soon...