Easy HTML introduction Tutorial


HTML files are text files which contain the code of a web page. Today you will learn
how to program some basic HTML code. When beginning, it is best to use a simple text
editor such as notepad or emacs. You can open notepad in the following way:
1. Click on the Start Button
2. Click on Run
3. Type in: notepad
4. Press ENTER on the keyboard
The notepad window should pop up, if not, ask for help.

LAYING OUT THE BASIC STRUCTURE OF THE PAGE
HTML files have a basic structure that you MUST work within. Before you begin the
tutorial you should type or copy/paste the following 8 lines from this screen into the text
file (file you have open in notepad):
1
2
3
4
5
6
7
8
9
<html>
<head>
<title>MY HOME PAGE NAME</title>
</head>
<body>
THIS IS WHERE THE CODE FOR BODY (WHAT YOU SEE IN
NETSCAPE/INTERNET EXPLORER) OF THE WEB PAGE GOES.
</body>
</html>
The text/bracket combinations are called tags. Note they come in pairs. There is always a
beginning tag (title) and an end tag (/title). The beginning tag signals Netscape /
Internet Explorer that a new tag/task is starting. The end tag tells Firefox / Chrome
that the tag/task has ended. You will learn more about these in the tutorial. Save
the above file to the desk top of your computer as: home.html. Make sure to add the
extension ".html" to the end of the file!!!!!
OPENING THE HTML FILE IN WEB-BROWSER
Now you can view the results of your work:
1. Go to or open Netscape/Internet Explorer
2. File > Open or Open Page
3. Press the Choose or Browse button
4. Browse to the desktop and double click on home.html
5. Click Open/OK to load the file
If this did not work, ask for help.


Previous
Next Post »