1 - Preparation <> 2 - About Browsers <>
3 - First Look at HTML <> 4 - Find the Opening Body Tag
5 - You're Writing HTML! <> 6 - Essential Tags <>
7 - Adding Photos / Art <> 8 - A Few More Tags
1 - Introduction to FTP <> 2 - Setup / Connection <> 3 - Connection / Learning the Interface / How to FTP
4 - Folders on the Server Side <>
5 - Summary <> 6 - AceHTML <> 7 - Finally
---------
Find the Opening Body Tag!
---------
(See Graphic Above)
TRAIN YOUR EYES TO FIND THE OPENING <body> TAG on any page of HTML!
There may be a bunch of other stuff in there after the word "body",
but it's still just a body tag!
Go to the bottom of this page for an example
of stuff you may find in the body tag.
There's an opening <body> tag, and a closing </body> tag.
All the stuff you'll be doing is IN BETWEEN the body tags!
<body>type here</body>
<body>The entire contents of a page lies between the body tags</body>
---------
This is a good time to mention the line break tag. <br>
It stops a line of text right here.<br>
Anything typed after that <br> will go to the next line below.
(See Graphic Above)
Add <br>'s to create space between pictures or paragraphs of text.
Line Break Exercise: (See Graphic Above)
...You don't really have to do this.
Type a reeeallly long line of text between the <body> tags
and place a <br> or 2 here and there, save it as a .htm, and open it in
IE to see how it looks.
---------
SAVE some practice .htm files in the "PracticePages" folder.
---------
Always remember to save your changes.
In Windows Explorer, or by clicking "My Computer" and navigating to your '.htm" files
you can right click any .htm file already saved
to bring up a menu to re-name, delete, etc.
See the graphic on page 3
under "What is an ".htm" file" to illustrate.
Be descriptive in naming your ".htm"s.
Example: "ourhome.htm"
In the IE menu, click File>Save As and name it "newpage.htm".
You just created a ".htm" file!
DO NOT open more than one version of a .htm file at a time!
This is a good place to mention Hexadecimal color numbers.
It may be a bit complicated to mention this now,
but you'll eventually want to experiment with them later!
The Hex numbers go inside the body tag after attributes such as:
bgcolor="#ff0000"
text="#ffffff"
link="#00ff00"
vlink="#0000ff"
You change background color, text color, link color, and visited link color.
An example (with background color, text color, link color, and visited link
color) :
<body bgcolor="#ffffff" text="#ff0000" link="#ffff00"
vlink="#00ff00">
The "bgcolor=" attribute in the body tag changes the color
of the background of the entire page.
The body tag above will give the page a white background.
Experiment with changing the "bgcolor" numbers and letters.
It is common to put the "#" symbol in front of the numbers.
Notice the quotation marks in the tag....leave one out, and the page will be goofed up!
Some basic hex colors are:
#000000 is black
#FFFFFF is white
#0000FF is blue
#FF0000 is red
There are many hex color charts on the Web. Here are just a couple:
Lycos / Hotwired hex color reference chart.
HtmlHelpCentral.com hex color chart.
This may seem a bit advanced for a beginner's tutorial,
but you'll find Hex numbers to be easy once you start changing numbers
and seeing the background and text colors change!
The next lesson will summarize the basic HTML tags.
1
- Preparation <> 2 - About
Browsers <> 3 - First Look
at HTML <> 4 - Find the Opening
Body Tag
5 - You're Writing HTML!
<> 6 - Essential Tags <>
7 - Adding Photos / Art <>
8 - A Few More Tags
1 - Introduction to FTP <>
2 - Setup / Connection <> 3
- Connection / Learning the Interface / How to FTP
4 - Folders on the Server Side
<> 5 - Summary <> 6
- AceHTML <> 7 - Finally
© 2005 - m51.com digital media