Starting A New Page

You can create web pages using a simple text editor like Microsoft "Notepad" or the Mac "Simple Text" program. Just start typing... However, if you are using web design software, it will still be useful for you to understand how the page is laid out and what the tags mean.

The following tags are used on all HTML pages in this order:

<html>

This lets the web browser know that the file contains HTML commands.

<head>

This signifies the start of the head section. This information does not appear in the finished page, but it affects how the page will look.

<title> ... </title>

Text between these tags is displayed in the title bar of the browser. It is a good idea to make this unique for each page.

</head>

This marks the end of the head section.

<body> ... </body>

The content of your web page, i.e.: all the text and graphics information, will be placed between these tags.

</html>

This signifies the end of the HTML page.

The basics of the code for a typical page might look like this:

<html>
<head>
<title>My First Web Page</title>
</head>
<body>
...
</body>
</html>

Simply save the file with a name of your choice, with the htm or html extension.

Browser title bar

When you view your page in a browser the text in the <title> tag will be displayed in the title bar of the browser.

  • The first line of code should really specify the version of HTML you are using (The Document Type Definition or DTD), but the page will still work without this, although browsers will render some Cascading Style Sheet formatting differently without the DTD. If you do include the DTD all your tags must comply with the standard or the page will not work properly.
  • If you are using Netscape Composer to create your web pages it will automatically add the DTD to the file.
  • You can put META tags in the <head> section, but for now you can ignore them.

Make Notes!

A useful tag that is invisible on the finished web page is the "comment tag". You can use comment tags to surround a reminder note in the HTML code like this:

<!-- anything placed between these tags is hidden -->