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
----------
First Look At HTML - Hyper Text Markup Language
----------
Open Windows Notepad by minimizing any programs you may have open
and RIGHT click anywhere on your desktop.
Make sure you don't right click any icons...pick a blank space in between icons!
Click New>Text Document.
Type anything and SAVE it as "practicepage.htm"....
This will place a new Internet Explorer icon on your desktop.
Now you're ready to type HTML!
Manually type out the simple pattern
of HTML characters you see in the graphic above (in Windows Notepad).
Save it as "practicepage.htm" in a folder named "PracticePages".
HTML is saved in a ".htm" file.
In Internet Explorer, click File>Open>Browse.
Navigate to, and select the "practicepage.htm" file you typed.
Click View>Source from the menu at the top (See Graphic Above).
Windows Notepad opens and...Voila!
Now you're looking at the page of HTML you just typed!
This is taking place offline...NOT on the Net!
An ".htm" file IS a WEB PAGE!
An ".htm" file contains the HTML characters and text of a web page.
The ".htm" file displays and positions pictures and text on a web
page.
The ".htm" file is made up of of characters and text on your keyboard.
---------
When looking at files on your computer, you'll notice that
".htm" files have the IExplorer graphic "E" in front of
them.
You can double click ".htm" files, and IE will open and display that page.
You can right click ".htm" files, and a menu will appear (See Graphic Below).
I prefer to make each page a ".htm" file on the home system,
and rename it "index.html" after FTP'ing it to the server.
This tutorial demonstrates only the most basic elements of HTML.
HTML is composed of text enclosed in "tags".
Tags are enclosed in the left < and right > arrow keys
(Shift + comma and Shift + period on your keyboard).
There's an opening <html> tag, and a closing </html> tag.
All HTML documents are positioned in between the opening and closing <html></html>
tags!
However...you'll want to get to know these other basic tags:
There's an opening and closing head tag with the title tags enclosed (Above).
There's an opening and closing body tag (Above).
There's an opening and closing center tag (Above).
There's an opening and closing "link" tag (Above).
The tags are placed in a specific order so they display as a web page in the
browser (See Graphic Below).
<html>
<head>
<title>Page Title Text Goes Here!</title>
</head>
<body>
Your WebSite Here!
</body>
</html>
The simple little pattern of HTML tags you see above
is all you really need to know as a beginner!
Truth is...the world's SIMPLEST page really just has an opening and closing html tag:
Type just that in notepad, and save it as an .htm file.
Get comfortable with copying and pasting this simple pattern of html tags.
You can click and drag above to select and copy / paste.
It's an "embryonic" website!
The text "Your WebSite Here!" on the page above is not centered.
Here is how you center the text (See Graphic Below):
The next lesson will show you where to type in a
page of HTML.
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