Creating a simple HTML Document
In this lesson, you create your first HTML
document.
You will create your HTML document using the text editor
Notepad. In addition, make sure you still have two Internet Explorer windows
open. The window displaying the tutorial should take up half of the screen and
the experimental window should be resized to take up only a half of the other
part of the screen ( that is one quarter of the whole screen). The tutorial is
very easy to follow if your windows are positioned this way.
Find and open Notepad. Position the Notepad
window in the remaining quarter of open screen. You should now have three
windows displayed on your screen.
Before you start you need to know what
HTML tags are required in every HTML document.
The HTML Tags Required
in all HTML Documents There are some basic HTML tags that must appear in all
HTML documents. They are:
- The <html> and </html> Tags.
Every HTML document
must begin with the <html> tag. This tag is declaring the document an
HTML document. The <html> tag must be paired with it's closing tag-
</html>, which will be the last tag in the document.
- The <head> and </head> Tags.
An HTML document is
divided into two parts, the head and body. Web browsers need to distinguish
the different parts of the document and these tags will inform the browser.
Generally, the <head> and its closing tag </head> will contain the
title of your HTML document.
- The <body> and </body> Tags.
The <body> tag
and it's closing tag </body> will contain the majority of your HTML
document.
- The <title> and </title> Tags.
The Web browser
always diplays a title for each document it encounters. The title displayed is
taken from the content of the <title> tag and its closing tag
</title>. The <title> and </title>. always appears within
the <head> and </head> tags.
Recall the following
source:
<html>
<head>
<title>simple HTML document</title>
</head>
<body>
This is a very simple HTML
Document.
</body>
</html>
It
contains all the required tags.
Now it is your turn.
Click on the Notepad window.
Using the HTML
document source above as a template, create your own HTML document. Change the
title of the document to "My Creation" and the body of the document to "This
HTML document is a work of art".
When you are done typing your document,
save it.
You are now ready to view your creation through Internet
Explorer.
Click on the experimental
window.
Choose Open File or Open from the File menu.
Find
your HTML file, highlight it, and click on Open.
Your HTML
document should be displayed in the Internet Explorer window.
Congratulations! You have just created your first HTML document.