Learn HTML Today

Index

  HTML Tutorials
  GuruSearch!
  Web Glossary
  LiveWire Forums

Tutorials

  Getting Started
  Text
  Links
  Colors
  Backgrounds
  Images
  Tables
  Frames
  Image Maps

Advanced

  Design Guide
  Forms
  Meta Tags
  JavaScript
  Style Sheets
  SSI
  CGI
  Web Browsers

Resources

  HTML Editors
  Free Web Hosting
  Domain Names
  Copyrights
    The Basics



For a basic explanation of what a standard HTML document looks like and the rules that apply to it, you are in the right place.
  • <html> - start a new HTML document
  • <head> - special attributes, not displayed or needed in the beginning.
  • <title> - title of your page. This will appear in the name of the Web Browsers window.
  • <body> - start displaying from here onwards. You put in text, images, and links after this tag.

Below an example is shown, the larger window is your web browser and the smaller window in the foreground is your text editor, or HTML Editor.
Notice the ".html" extension on the file name, all HTML files are named either .html or .htm (usually found on the PC plateform.) Example

<html>

The first thing you do when creating an HTML document is to tell the Web Browser that this is an HTML document, with the tag <html>. This should be followed by a corresponding </html> at the very end of the document.

<head>

You should then add a <head> tag, to tell the browser that what follows is not part of the actual document, but "header" information.

<title>

Normally, all you will need in this section is the title of the document, enclosed between <title> and </title>. Using more than one title is neither clever nor useful. The title will normally be displayed in the window's title bar, or in a similar place - this document's title is "NetaGuru.com: The Basics".

<body>

Once you've done that, you should end the header with a </head> tag, followed immediately by a <body> tag. This signals the end of any special stuff: you're now ready to add the actual text.

The <body> tag is also used to define background images, and link text color for the entire document.
For more information on these, refer to the following links:
      - Background Images
      - Links
      - Colors (How to apply them)








Tell a friend about NetaGuru | Comment on NetaGuru | Bookmark NetaGuru


This page was last updated 12/12/03
Please read our disclaimer and legal notices.
All editorial content and graphics copyright 2002
NetaGuru.
Designed and maintained by David Jones and Reid Beels.
     
Advertisement:

Search the Best of the Web!