HOW TO BUILD A PROFESSIONAL WEB SITE Rel. 1.1

LESSON 01 - Chapter d

by Carlo Scodanibbio

home

enrol

Lessons

welcome
1 - chapter a
1 - chapter b
1 - chapter c
1 - chapter d
1 - chapter e
1 - chapter f
1 - chapter g
1 - chapter h
1 - chapter i
1 - chapter j
1 - chapter k
2 - chapter a
2 - chapter b
2 - chapter c
2 - chapter d
2 - chapter e
2 - chapter f
2 - chapter g
2 - chapter h
3 - chapter a
3 - chapter b
3 - chapter c
3 - chapter d
3 - chapter e
3 - chapter f
3 - chapter g
3 - chapter h
4 - chapter a
4 - chapter b
4 - chapter c
4 - chapter d
4 - chapter e
4 - chapter f
4 - chapter g
4 - chapter h
4 - chapter i
4 - chapter j
4 - chapter k
5 - chapter a
5 - chapter b
5 - chapter c
5 - chapter d
5 - chapter e
5 - chapter f
5 - chapter g
6 - chapter a

head and body of an html document

Now, every HTML Document must have a HEAD and a BODY.

In the HEAD of an HTML Document you put (at least, for the time being) your Document TITLE.

In the BODY of an HTML Document you put all your stuff: your text, your pictures, your music, your animations.......

head and title of an html document

To create the HEAD of an HTML Document you write another pair of TAGS "within" your HTML TAGS:

<HTML>
<HEAD>
</HEAD>
</HTML>

Note the order in which the TAGS are written:
First comes the <HTML> TAG, which means: this is the START of an HTML Document
Then comes the <HEAD> TAG, which means: this is the START of the Document's HEAD
Then comes the </HEAD> TAG, which means: this is the END of the Document's HEAD
The comes the </HTML> TAG, which means: this is the END of the HTML Document

This fashion of ordering TAGS is called "nesting": all TAGS must be "nested" in order for your Browser to understand the instructions you are giving, and this rule is very important.
It would be wrong, for instance, to order TAGS in the following (overlapping) sequence:

<HTML>
<HEAD>
</HTML>
</HEAD>

OK ?? This is a very important point.

Now you can insert a TITLE for your Document:

<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
</HTML>

We have inserted another pair of TAGS (<TITLE> and </TITLE>), to let our Browser understand that your Document has a TITLE. The textual Title itself goes between the two TITLE TAGS. Choose a name for it, for instance "My experimental Web Page".

<HTML>
<HEAD>
<TITLE>My experimental Web Page </TITLE>
</HEAD>
</HTML>

The TITLE is what appears at the very top of the Browser's window, in the blue "Title Bar".

Please note that it makes no difference if you type the words "My experimental Web Page" between the TITLE Tags as above, or if you organise your Document as follows:

<HTML>
<HEAD>
<TITLE>My experimental Web Page
</TITLE>
</HEAD>
</HTML>

or even like this:

<HTML>
<HEAD>
<TITLE>
My experimental Web Page</TITLE>
</HEAD>
</HTML>

Your Browser just follows instructions (TAGS) and what is in between, and is not concerned at all with the way and the style you position or order your HTML coding - your Browser is only concerned with the sequence of instructions.
For instance you might write the same Document like this:

<HTML><HEAD><TITLE>My experimental Web Page</TITLE>/HEAD></HTML>

and it would work just as fine.
Obviously it is up to you to create paragraphs, spaces, etc. so that you won't get lost in what you are writing ! - huh, huh...

shut-down this HTML story !

http://webbuildcourse.tripod.com

full details of this Course at
http://www.scodanibbio.com/webbuild