HTML Intermediate

Introduction
Adding Style
Tables
Frames
Forms
Cascading Style Sheets

Introduction

These intermediate tutorials will build on to the basics learned in HTML Basics.

Adding Style

After a page is created there are certain things that can be done to add style to the pages. One thing is to change the background to set the mood. This is done inside the <BODY> tag. There are two ways to change the background. The color is changed by using the BGCOLOR tag. This is an example of how to set the background color.

<BODY BGCOLOR="blue">

This changes the background to blue. There are 16 different color names that are recognized by this tag. See Generating Colors in HTML. All other colors are assigned by a hexidecimal code. See Color Specifier for Netscape v.3.

The other tag that changes the background is the <BACKGROUND> tag. This tag is used with an image that is tiled onto the screen. This is an example of the background tag.

<BODY BACKGROUND="image.gif">

The image can be a gif or jpg. The idea on creating a background is to enhance the pages. One rule of thumb is to be sure if using a dark background the text is light enough to read and visa versa. It is very irritating to enter into a website and not be able to read the information that it contains.

When changing the background only use one of the above tags. Only one will show at a time when using both tags.

Inside the <BODY> tag the color of text and links can be assigned. The attributes for assigning color is similar to the BGCOLOR (See above for color codes). Use the TEXT tag for text color and the LINK tag for link colors. This is an example of these tags.

<BODY TEXT="black" LINK="#00CCFF">

There are actually three link tags that can be set. They are:

LINK
ALINK (Active link)
VLINK (Visited link)

An example using all of the above text and link attributes follows.

<BODY TEXT="black" LINK="navy" ALINK="blue" VLINK="#00CCFF">

The <ADDRESS>...</ADDRESS> tag is a tag to use at the bottom of your page to give specific information to the reader. This tag is used at the bottom of this page giving copyright, email and page update information. This is very useful information for your reader.

HTML Intermediate

Introduction

Adding Style

Tables

Frames

Forms

Cascading Style Sheets

Back to Homepage