HEAD | BODY | Forms | Frames | Images | Layout | Links | Lists | Tables | Text: Logical & Physical TAG GLOSSARY | ATTRIBUTES | VALUES       INFO | HELP | COMMENTS | AUTHOR

DETAILED INSTRUCTIONS:

Screen Layout

• MENU: The Menu file.
• MAIN: The Tag Syntax file.
• FOOTNOTE: The Footnotes file.

As you click on links, the MAIN and FOOTNOTE frames will be scrolled to different places within these files and a few others (Info, Help, Comments, Author).

NOTE: Without frames, you can still navigate this site. Instead of using the MENU frame, you will find the same menu choices listed at the top of each file. Instead of scrolling the frames to a specific place, your browser will simply load that location in your main browser window.

Let's begin by looking at the MENU frame ...

The next group of links load the associated parts of the footnote file into the MAIN frame:

• TAGS will load the Tag Glossary.
• ATTRIBUTES will load the Attribute Descriptions.
• VALUES will load the Acceptable Attribute Values.

The final group of links load some supplementary files into the MAIN frame:

• INFO will load the file: Information About Sunshine HTML Resource.
• HELP will load the file you're reading right now: Detailed Instructions.
• COMMENTS will load the response form: Comments.
• AUTHOR will load the file: About The Author.

For example, let's follow the link labeled "Lists" . . .

The first thing is a table showing the basic format for the three main types of lists. This is geared to give you a quick template to block/copy to your HTML file. These particular formats are very simple, but you will find the basic format boxes to be quite helpful in other sections.

Next you will find a line describing the syntax for the "LI" tag:

• The tag name ("LI") loads the associated Tag Glossary entry into the FOOTNOTES frame.
• The attributes links (e.g.: "TYPE") load the associated Attribute Description into the FOOTNOTES frame.
• Some of the attribute values (e.g.: "LIStyle") load Acceptable Attribute Values into the FOOTNOTES frame.

NOTE: Non-standard tags are presented in color. The text between the start and end tags is presented in italics. Required attributes are bolded and non-standard attributes are presented in color.

We will examine each of these three types of syntax links. First, let's click on the link labeled "LI" in the MAIN frame . . .

After clicking on "LI" . . .

The FOOTNOTE frame has been scrolled to the Tag Glossary entry for "LI".

Within the FOOTNOTE you will find:

• The "LI" link loads the associated Tag Syntax into the MAIN frame, if not already showing.
• The cross reference links to other tags (e.g.: "DIR") scroll the FOOTNOTE frame to the associated Tag Glossary entry.
• The "[WDG]" link loads into the MAIN frame the detailed tag syntax as provided by the Web Design Group.

NOTE: Don't be confused by the entry for "LINK" -- this is merely the next alphabetical entry in the Tag Glossary.

Looking back at the MAIN frame, this time let's click on the link labeled "TYPE" . . .

After clicking on "TYPE" . . .

This time the FOOTNOTE frame has been scrolled to the Attribute Description of "TYPE".

NOTE: The description lists the HTML tags in which the attribute may be found. Notice that there are multiple entries for "TYPE": This is because the description depends on which HTML tag was used. If you click on one of these HTML tags (i.e.: "LI, OL, UL"), the associated Tag Syntax will be loaded into the MAIN frame.

Going back to the Lists syntax in MAIN frame, this time let's click on the link labeled "LIStyle" . . .

After clicking on "LIStyle" . . .

Now the FOOTNOTE frame has been scrolled to the acceptable values for attribute "LIStyle".

The options for "LIStyle" are many:

• If the list is an Ordered List ("OL"), then the choices are letters, roman numerals, and regular numbers.
• If the list is an Unordered List ("UL"), then the choices are circle, disc, and square.

The fact that there are curly braces "{}" around the choices means that what's inside is a fixed set of choices, separated by pipes "|". If you could put in many different values, there would be parentheses "()" instead.

NOTE: The next alphabetical entries ("MediaDesc" and "method") have a bolded entry in the list of Acceptable Attribute Values. If no value is specified in these tags, the bolded entry will be the default value. Any non-standard values are presented in color.

Now, let's look at the MENU links "TAGS", "ATTRIBUTES", and "VALUES" . . .

After clicking on "TAGS" . . .

Now we get a closer look at the Tag Glossary which was previously loaded into the FOOTNOTE frame. The possible links in the Tag Glossary include:

• The tag name link loads the associated Tag Syntax into the MAIN frame.
• The cross reference links to other HTML tags scroll the FOOTNOTE frame to the associated Tag Glossary entry.
• The "[WDG]" link loads (into the MAIN frame) the detailed tag syntax as provided by the Web Design Group.

NOTE: Sometimes a tag may have several entries, based on the attributes it contains. This is so that the description can fit the actual purpose of that combination of tag and attributes.

Next, let's look at the MENU link "ATTRIBUTES" . . .

After clicking on "ATTRIBUTES" . . .

Now we get a closer look at the Attribute Descriptions which were previously loaded into the FOOTNOTE frame. Each description lists the HTML tags in which the attribute may be found. If you click on one of the tag links, the associated Tag Syntax will be loaded into the MAIN frame.

NOTE: There may be multiple descriptions for the same attribute, depending on which HTML tag it was in.

Finally, let's look at the MENU link "VALUES" . . .

After clicking on "VALUES" . . .

Now we get a closer look at the Acceptable Attribute Values, which were previously loaded into the FOOTNOTE frame.

Pay close attention to the NOTES listed at the beginning of the Acceptable Attribute Values section (as shown in the image above).

Returning to the MENU frame, let's look at the links to "INFO", "HELP", "COMMENTS", and "AUTHOR" . . .

• INFO contains a Table of Contents and more information about this resource.
• HELP contains the detailed set of instructions you are now reading.
• COMMENTS is a comment form for you to let me know what you think.
• AUTHOR is a page about the author and other projects under development.

If you like the Sunshine HTML Resource or have suggestions for making it better, please fill out this comment form.

© Sunny Snaith    Post Office Box 921521, Norcross, GA 30010-1521