19-2

The Minimal HTML Document. . .

Get into WORD

Type the source in as you see it.

Most of the time “raw” html is done with a text editor, but word will be fine for our purposes.

The head and the body

Web documents have a head and a body.

The head starts with <head> and ends with </head>

The body starts with <body> and ends with </body>

The Title

At the moment the only thing worth putting in the head is the title of the document.

The title must start with <title> and end with . . . go on guess!

</title> Did you guess right? Hope so.... We'll title this document Hello World!

The Content

The content goes in between the <body> and </body> tags. For the moment we are going to put in nothing except the words 'Hello World!'. Later you can put in some more substantial content meantime lets just master the basic technique.

Here goes:

<html> The Beginning<head>

Head starts<title>Hello World!</title> Title </head> Head ends<body> Body starts Hello World! Content</body>Body ends<html> The End

Save the document as hello_1.htm and view it through your browser.

make sure you save the document in your USER Folder on the server

(for me I would save it in the pattyj folder)

BUT HOW DO I VIEW IT THROUGH MY BROWSER

Step one: Save your word file as a plain text document.

This is done by going to File… Save As…

then go to Save as Type: Plain Text

After you have selected plain text, make sure you add a .htm to the end of the document title. This tells your computer that you want it to open in Internet Explorer.

You will have to do this for all of you HTML documents.

Close out of the word document, then go to the My Computer icon on your desktop. Open your HELLO WORLD.htm file. (It should have a blue E icon, which will make it open up in Internet Explorer.

SWEET! Now what do we do?

Remember, <B> Text </B> = Bold , <I> Text </I> = Italic <p> = new paragraph.

CREATE an HTML Page that looks like this when viewed through your browser.

use the <p> tag to add a new paragraph.


Make sure it looks like it does above, by closing it and opening it in IE.

Print a copy OF THE SOURCE CODE (word document) out and put it in your folder.