Into to Web Authoring

Netscape Extensions

Netscape Communications has developed its own set of extension that go beyond the HTML 2.0 specification. These extensions give you further flexibility over placement of text, images, color of background and text, among others. While theses extension a re nice, it must be remembered that only the Netscape Browser supports all of them. So if you use these extensions, it is important to develop documents that will look good no matter what browser one might be using. Some sites out there on the Web look great through Netscape, but can be unintelligible through other browsers.

The following list is not exhaustive, but covers some of the more commonly used Netscape Extensions. for a more thorough treatment of the subject go to Netscape Communication's own t utorial.

The Center Tag

The Code in This Column... Will Display Like This

<CENTER> Center Me! </CENTER> Center Me!

<CENTER><IMG SRC="sample.gif"></CENTER>

The Code in This Column...	Will Display Like This
<CENTER> Center Me! </CENTER>	Center Me!
<CENTER><IMG SRC="sample.gif"></CENTER>

Floating Images

The Code in This Column... Will Display Like This

<IMG SRC="sample.gif" ALIGN=right>
The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute. The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.

<IMG SRC="sample.gif" ALIGN=left>
The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute. The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.

The Code in This Column...	Will Display Like This
<IMG SRC="sample.gif" ALIGN=right> The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.	The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.
<IMG SRC="sample.gif" ALIGN=left> The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.	The ALIGN attribute of the IMG tag allows you to wrap text around an image causing the image to "float" to the side of the text that you specify in the attribute.

Image Borders and Offset

<IMG SRC="sample.gif" ALIGN=left,right> BORDER=n VSPACE=n HSPACE=n>

The Code in This Column... Will Display Like This

<IMG SRC="sample.gif" ALIGN=left BORDER=3>
The BORDER attribute of the IMG tag allows you to put a border around your image. The border size is measured in pixels. You can have skinny borders or fats borders depending on your taste. The BORDER attribute of the IMG tag allows you to put a border around your image. The border size is measured in pixels. You can have skinny borders or fat borders depending on your taste.

<IMG SRC="sample.gif" ALIGN=left> BORDER=3 VSPACE=10 HSPACE=10>
The VSPACE and HSPACE attributes of the IMG tag controls the vertical and horizontal space around your image respectively. Note that space will be created on the margin side as well. This example uses a 10 pixel space. The VSPACE and HSPACE atributes of the IMG tag controls the vertical and horizontal space around your image respectively. Note that space will be created on the margin side as well. This example uses a 10 pixel space.

The Code in This Column...	Will Display Like This
<IMG SRC="sample.gif" ALIGN=left BORDER=3> The BORDER attribute of the IMG tag allows you to put a border around your image. The border size is measured in pixels. You can have skinny borders or fats borders depending on your taste.	The BORDER attribute of the IMG tag allows you to put a border around your image. The border size is measured in pixels. You can have skinny borders or fat borders depending on your taste.
<IMG SRC="sample.gif" ALIGN=left> BORDER=3 VSPACE=10 HSPACE=10> The VSPACE and HSPACE attributes of the IMG tag controls the vertical and horizontal space around your image respectively. Note that space will be created on the margin side as well. This example uses a 10 pixel space.	The VSPACE and HSPACE atributes of the IMG tag controls the vertical and horizontal space around your image respectively. Note that space will be created on the margin side as well. This example uses a 10 pixel space.

Horizontal Rule Options

The Code in This Column... Will Display Like This

<HR>
<HR SIZE=4>
<HR SIZE=8>
Three different SIZE attributes.
Three different SIZE attributes.

<HR WIDTH=25%>
<HR SIZE=4 WIDTH=50%>
<HR SIZE=8 WIDTH=75%>
Add three different WIDTH attributes.
Add three different WIDTH attributes.

<HR WIDTH=25% ALIGN=left>
<HR SIZE=4 WIDTH=50% ALIGN=center>
<HR SIZE=8 WIDTH=75% ALIGN=right>
Now different ALIGN attributes.
Now different ALIGN attributes.

The Code in This Column...	Will Display Like This
<HR> <HR SIZE=4> <HR SIZE=8> Three different SIZE attributes.	Three different SIZE attributes.
<HR WIDTH=25%> <HR SIZE=4 WIDTH=50%> <HR SIZE=8 WIDTH=75%> Add three different WIDTH attributes.	Add three different WIDTH attributes.
<HR WIDTH=25% ALIGN=left> <HR SIZE=4 WIDTH=50% ALIGN=center> <HR SIZE=8 WIDTH=75% ALIGN=right> Now different ALIGN attributes.	Now different ALIGN attributes.

Variable Font Size

The Code in This Column... Will Display Like This

This is SIZE=-1
This is SIZE=0
This is SIZE=+2
This is SIZE=+3
This is SIZE=-1
This is SIZE=+0
This is SIZE=+2
This is SIZE=+3

You
can
 even
 do
 this! You can even do this!

The Code in This Column...	Will Display Like This
<FONT SIZE=-1>This is SIZE=-1</FONT> <FONT SIZE=0>This is SIZE=0</FONT> <FONT SIZE=+2>This is SIZE=+2</FONT> <FONT SIZE=+3>This is SIZE=+3</FONT>	This is SIZE=-1 This is SIZE=+0 This is SIZE=+2 This is SIZE=+3
<FONT SIZE=-1>You</FONT> can <FONT SIZE=+1> even</FONT> <FONT SIZE=+2> do</FONT> <FONT SIZE=+3> this!</FONT>	You can even do this!

Adding Color: BODY Attributes

Colors are added by inserting the hexidecimal value of the color into the body tag. You can control the colors of the background (BGCOLOR), the basic text (TEXT), your links (LINK), and visited links (VLINK).

<BODY BGCOLOR="#rrggbb" LINK="#rrggbb" VLINK="#rrggbb" TEXT="#rrggbb">
Document
</BODY>

The Code in This Column... Will Display Like This

<HTML>
<HEAD>
<TITLE>Simple Page</TITLE>
</HEAD>
<BODY BGCOLOR="#ffffff" TEXT="#013229" LINK="#210594">
<CENTER>Body Text
<A HREF="basic.html">Link</A></CENTER>
</BODY>
</HTML>

The Code in This Column...	Will Display Like This
<HTML> <HEAD> <TITLE>Simple Page</TITLE> </HEAD> <BODY BGCOLOR="#ffffff" TEXT="#013229" LINK="#210594"> <CENTER>Body Text<P> <A HREF="basic.html">Link</A></CENTER> </BODY> </HTML>