Advanced HTML

View the RGB Color Chart (in JavaScript) here.

You can add both Background Image and Background Color to your HTML Document inside of <BODY>:

<HTML>
<BODY BACKGROUND="dkbkrd.gif" BGCOLOR="#FFFFFF">
</BODY>
</HTML>
<-- the HTML Opening Tag,
<-- BACKGROUND AND BGCOLOR,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

When you add the BACKGROUND, the BGCOLOR will not appear
unless the Image is not found. So, add BGCOLOR for safety.

META NAME's help the Search Engines Index your HTML Document:

<HTML>
<HEAD>
<META NAME="keywords" CONTENT="one two three">
<META NAME="description" CONTENT="this is my description">
</HEAD>
<BODY>
... ...
</BODY>
</HTML>
<-- the HTML Opening Tag,
<-- the HEAD Opening Tag,
<-- the META NAME "keywords",
<-- the META NAME "description",
<-- the HEAD Closing Tag,
<-- the BODY Opening Tag,
<-- some Code,
<-- the BODY Closing Tag,
<-- the HTML Closing Tag.

One of the most overlooked capabilities of Forms is
the ability to use more than one SUBMIT button
with the same NAME (creating an 'array'), but multiple VALUE's:

<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl">
<TABLE BORDER=4>
<TR ALIGN=CENTER>
<TD>
<INPUT NAME="who" TYPE="text" SIZE=40 MAXLENGTH=40 VALUE="Dennis Kennedy">
</TD>
</TR>
<TR ALIGN=CENTER>
<TD>
<INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Next">
<INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Save">
<INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Cancel">
<INPUT TYPE=RESET>
</TD>
</TR>
</TABLE>
</FORM>
<-- the FORM Opening Tag,
<-- the TABLE Opening Tag,
<-- the ROW Opening Tag,
<-- the COLUMN Opening Tag,
<-- INPUT Box NAME,
<-- the COLUMN Closing Tag,
<-- the ROW Closing Tag,
<-- the ROW Opening Tag,
<-- the COLUMN Opening Tag,
<-- SUBMIT Button NAME,
<-- SUBMIT Button NAME,
<-- SUBMIT Button NAME,
<-- the RESET Button,
<-- the COLUMN Closing Tag,
<-- the ROW Closing Tag,
<-- the TABLE Closing Tag,
<-- the FORM Closing Tag.

You then handle in your CGI Code per which button was pressed.

This Code will produce this (working example):

You can use a Table within another Table for effects:

<TABLE BORDER=4 WIDTH="90%">
<TR>
<TD ALIGN=CENTER COLSPAN=2>
Two Column Wide Row
</TD>
</TR>
<TR>
<TD WIDTH="30%">
<TABLE>
<TR><TD>Line 1</TD></TR>
<TR><TD>Line 2</TD></TR>
<TR><TD>Line 3</TD></TR>
<TR><TD>Line 4</TD></TR>
<TR><TD>Line 5</TD></TR>
</TABLE>
</TD>
<TD>
<TABLE>
<TR><TD>In the Middle</TD></TR>
</TABLE>
</TD>
</TR>
</TABLE>
<-- Open Outside Table
<-- Open Outside Row
<-- Two Columns Wide
<-- Your Message
<-- Close Outside Column
<-- Close Outside Row
<-- Open Left Outside Row
<-- Open Left Outside Column
<-- Open Left Inside Table
<-- Message 1
<-- Message 2
<-- Message 3
<-- Message 4
<-- Message 5
<-- Close Left Inside Table
<-- Close Left Outside Column
<-- Open Right Outside Column
<-- Open Right Inside Table
<-- a Message
<-- Close Right Inside Table
<-- Close Right Outside Column
<-- Close Right Outside Row
<-- Close Outside Table

The Outside Table has Borders, the Inside Tables do not.

This Code will produce this:

Two Column Wide Row

Line 1

Line 2

Line 3

Line 4

Line 5

In the Middle

You can add Special Characters to your HTML Document inside of <BODY>:

&
©
 
"
"
<-- & - Ampersand
<-- © - Copyright
<-- - Space
<-- " - Quotation
<-- " - Quotation

For complete examples, you can view the Ascii Chart here (written in JavaScript).

You can MAP your images, allowing One Image to Link to Multiple Web Pages, or Events.
For an example of MAP'ing an Image (in JavaScript), click here.

Back to the Table of Contents

Hosted by www.Geocities.ws

You can add both Background Image and Background Color to your HTML Document inside of <BODY>:
<HTML> <BODY BACKGROUND="dkbkrd.gif" BGCOLOR="#FFFFFF"> </BODY> </HTML>	<-- the HTML Opening Tag, <-- BACKGROUND AND BGCOLOR, <-- the BODY Closing Tag, <-- the HTML Closing Tag.
When you add the BACKGROUND, the BGCOLOR will not appear unless the Image is not found. So, add BGCOLOR for safety.

META NAME's help the Search Engines Index your HTML Document:
<HTML> <HEAD> <META NAME="keywords" CONTENT="one two three"> <META NAME="description" CONTENT="this is my description"> </HEAD> <BODY> ... ... </BODY> </HTML>	<-- the HTML Opening Tag, <-- the HEAD Opening Tag, <-- the META NAME "keywords", <-- the META NAME "description", <-- the HEAD Closing Tag, <-- the BODY Opening Tag, <-- some Code, <-- the BODY Closing Tag, <-- the HTML Closing Tag.

One of the most overlooked capabilities of Forms is the ability to use more than one SUBMIT button with the same NAME (creating an 'array'), but multiple VALUE's:
<FORM METHOD=POST ACTION="http://www.eliteornamental.com/dkflyer/test.pl"> <TABLE BORDER=4> <TR ALIGN=CENTER> <TD> <INPUT NAME="who" TYPE="text" SIZE=40 MAXLENGTH=40 VALUE="Dennis Kennedy"> </TD> </TR> <TR ALIGN=CENTER> <TD> <INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Next"> <INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Save"> <INPUT NAME="btnPressed" TYPE=SUBMIT VALUE="Cancel"> <INPUT TYPE=RESET> </TD> </TR> </TABLE> </FORM>	<-- the FORM Opening Tag, <-- the TABLE Opening Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- INPUT Box NAME, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the ROW Opening Tag, <-- the COLUMN Opening Tag, <-- SUBMIT Button NAME, <-- SUBMIT Button NAME, <-- SUBMIT Button NAME, <-- the RESET Button, <-- the COLUMN Closing Tag, <-- the ROW Closing Tag, <-- the TABLE Closing Tag, <-- the FORM Closing Tag.
You then handle in your CGI Code per which button was pressed.

You can use a Table within another Table for effects:
<TABLE BORDER=4 WIDTH="90%"> <TR> <TD ALIGN=CENTER COLSPAN=2> Two Column Wide Row </TD> </TR> <TR> <TD WIDTH="30%"> <TABLE> <TR><TD>Line 1</TD></TR> <TR><TD>Line 2</TD></TR> <TR><TD>Line 3</TD></TR> <TR><TD>Line 4</TD></TR> <TR><TD>Line 5</TD></TR> </TABLE> </TD> <TD> <TABLE> <TR><TD>In the Middle</TD></TR> </TABLE> </TD> </TR> </TABLE>	<-- Open Outside Table <-- Open Outside Row <-- Two Columns Wide <-- Your Message <-- Close Outside Column <-- Close Outside Row <-- Open Left Outside Row <-- Open Left Outside Column <-- Open Left Inside Table <-- Message 1 <-- Message 2 <-- Message 3 <-- Message 4 <-- Message 5 <-- Close Left Inside Table <-- Close Left Outside Column <-- Open Right Outside Column <-- Open Right Inside Table <-- a Message <-- Close Right Inside Table <-- Close Right Outside Column <-- Close Right Outside Row <-- Close Outside Table
The Outside Table has Borders, the Inside Tables do not.

You can add Special Characters to your HTML Document inside of <BODY>:
& ©   " "	<-- & - Ampersand <-- © - Copyright <-- - Space <-- " - Quotation <-- " - Quotation
For complete examples, you can view the Ascii Chart here (written in JavaScript).