LESSON 1: The VERY Beginning

  1. What is HTML?
  2. Basic HTML document structure.
    1. Tags
    2. Elements
    3. Attributes
  3. The HTML element.
  4. The HEAD element.
  5. The TITLE element.
  6. The BODY element.
  7. Examples.


1. What is HTML?

HTML stands for HyperText Markup Language and is the publishing language of the World Wide Web.
Go to Top


2. Basic HTML document structure.

Every HTML document follows this basic structure:

<HTML>
<HEAD>
<TITLE>Your title </TITLE>
</HEAD>
<BODY>
This is where you write your information.
</BODY>
</HTML>

Go to Top

2a. Tags

Go to Top

2b. Elements

Go to Top

3c. Attributes

<BODY BGCOLOR="black" TEXT="yellow">

Go to Top


3. Element HTML.

\..........Description

The HTML element contains the HTML document.
The start tag <HTML> is placed at the beginning of an HTML document to tell the browser that the language is used is HTML. The end tag </HTML> is placed at the end of the document.

\..........Syntax

      <HTML>.....</HTML>
Go to Top


4. Element HEAD.

\..........Description

The HEAD element contains header information about the document, such as its title, keywords, and description.

HEAD precedes the BODY element.

\..........Syntax

      <HEAD>......</HEAD>
Go to Top


5. Element TITLE.

\..........Description

The TITLE element gives the document's title and is typically shown in the title bar of browser's window.

A suggested limit for the number of characters in a TITLE is 60. For example, the title of this document is: HTML Tutorial.

TITLE is placed within HEAD.

\..........Syntax

      <TITLE>.....</TITLE>
Go to Top



6. Element BODY.

\..........Description

The BODY element contains the document content, i.e. the information that is shown in the browser's window.

BODY immediately follows the HEAD.

BODY takes a number of attributes for specifying the background and colors of the document on visual browsers.

\..........Syntax

<BODY
     TEXT="color"
     BGCOLOR="color"
     BACKGROUND="URI"
     LINK="color"
     ALINK="color"
     VLINK="color" >
.....
</BODY>

\..........Attributes

Attribute Description
TEXT="color" Specifies the text color for the document.
BGCOLOR="color" Specifies the background color for the document.
BACKGROUND="URI" Specifies the URI of background image for the document.
LINK="color" Specifies the link color for the document.
VLINK="color" Specifies the visited link color for the document.
ALINK="color" Specifies the active link color for the document.

Note: If both BGCOLOR and BACKGROUND are specified, the background image is used.

Click here for more information about URI's.

\..........Examples to see

Examples 1-4 demonstrate BODY attributes.
Go to Top


7. Examples.

Choose an example and move below the text box to see the HTML code.

Example 1: Writing text.
Example 2: Changing the text color.
Example 3: Changing the background color.
Example 4: Specifying an image for the background.
Preview
Go to Top