Table of contents
Purpose Form opening Quick help Form description Tag selection Tag data Selecting a tag buffer Definition of single-valued attribute values | Defining Multivalued Attribute Values Properties Style Methods Events Collections Color collection Collection of backgrounds

## Purpose

This form is for:

1. select a tag and store its code in a buffer for insertion into the constructor field,
2. to set and / or change the value of tag attributes,
3. obtain information.

## Form opening

Form opens
1. by clicking the "Tags" button to select a tag in the buffer and/or receive information,
2. after double-clicking on the tag name, in the object code editing window, or editing the internal object code:
   1. to edit the attribute by clicking on the attribute name,
   2. to insert an attribute by clicking the "+" button.

Figure 2 . A form opened for changing an attribute by double clicking on the tag name and clicking on the “bordercolor” attribute name in the “adress” tag code edit window.

## Quick help

Figure 1 . A quick help window opens by clicking the "?" Button.

## Form description

he form consists of a header and a section "DATA"

The header contains the following elements:
1. 1 line:
   1. Form name
   2. List of history of visits of form elements. Expand and Click - Go to the browsing history step.
   3. History Usage Buttons:
      1. forward. Click - go to the next viewing stage.
      2. "back". Click - go to the previous viewing stage.
      3. "reset". Click to remove all browsing steps from history.
   4. "abc" - button for switching to the alphabetical list of tags.
   5. "?" - button for showing quick help.
   6. "help" link to the help page.
   7. "x" - button to close the form
2. 2nd line - message texts.
3. 3 lines- Links (names) of lists. Clicking on a link will go to the corresponding subsection.
4. 4 line, complete lists of attributes. Clicking on the "v" button - go to the attribute selected in the list. Expand and click list - navigates to the selected attribute in the list.
   1. "v" -button for moving to an element selected from the full list of properties.
   2. Complete list of properties.
   3. "v" -button for moving to an element selected from the full list "Style".
   4. Complete list of "Style".
   5. "v" -button to go to an element selected from the full list of methods.
   6. Complete list of methods.
   7. "v" -button for moving to an element selected from the complete list of events.
   8. Complete list of events.
   9. "v" -button to go to an item selected from the complete list of collections.
   10. Complete list of collections.
5. 5 line - the name of the selected tag.
6. 6th line - lists of the selected tag.

   Clicking on the "v" button - go to the attribute selected in the list. Expand the list and click - go to the attribute selected in the list. "v" -button to go to the element selected from the list of properties of the selected tag. List of properties of the selected tag. "v" -button to go to the element selected from the "Style" list of the selected tag. List of "Style" of the selected tag. "v" -button for moving to an element selected from the list of methods of the selected tag. List of methods for the selected tag. "v" -button of transition to the element of the selected tag from the list of events. List of events for the selected tag. "v" -button to go to the element selected from the list of collections of the selected tag. List of collections of the selected tag.

7. 7 line:
   1. Buttons: "A", "B", "C", "D", "E", "F", "H", "I", "K", "L", "M", " N ”,“ O ”,“ P ”,“ S ”,“ T ”,“ U ”,“ V ”,“ W ”go to tags whose name begins with a button symbol in the subsection“ Alphabetical Tag List ”.
   2. "v" - a button to go to a subsection selected in the list of categories.
   3. List of categories. Expand and click to navigate to the corresponding subsection.

The section "DATA" contains subsections:

1. LISTS.
2. Alphabetical lists of tags.
3. Tag descriptions by category with tag lists at the beginning of the description.
   Categories:
   1. structures,
   2. frames,
   3. form,
   4. graphics,
   5. links,
   6. tables,
   7. lists,
   8. text styles,
   9. paragraphs and lines,
   10. headers,
   11. Object Model.

## Tag selection

The tag is the main object of this form. For each tag in the form, the following are defined:

1. properties,
2. Style,
3. methods,
4. events,
5. collections.

In order to use this data, you must navigate to the required tag.
This transition is performed:

1. Automatically, after double-clicking on the tag name and clicking on the attribute name, or clicking the "+" button in the tag code edit window.
2. Clicking the «ABC» button and clicking the tag name in the «Alphabetical section».
3. Clicking one of the «Go To Tag» buttons from and clicking a tag name in the «Alphabetical section».
4. Clicking the "6 Categories" list item and clicking a tag from the category.

## Tag data

Tag data is updated after navigating to it and consists of:

1. In the header of the form: lists in line 6 of the form.
2. In the "DATA" section:
   1. Name and description.
   2. Tag code.
   3. Tag examples.

## Selecting a tag buffer

To insert objects (tags) into the field of the constructor that are not in the collection of tags, go to the required tag. If the tag code contains *** characters, click it.

## Definition of single-valued attribute values

Figure 3 . An example of single-valued "bordercolor" attribute. Click the «green» button to set the value to green, click «select_color» for a collection item, and click the desired value in the collection.

## Defining Multivalued Attribute Values

Figure 4 . An example of a multi-valued attribute "bàckground". Attribute values are in the input field. If these are the desired values click the "bàckground:" button. If you need to change the values, enter the required values in the input field and press the "bàckground:" button. If you want to change the values easier, then using the buttons, in the list of buttons, select the desired values, correct the values in the input field and press the "bàckground:" button.

## Properties

Picture 5. List of properties Appears after clicking on the "Properties" link in the header of the form. Each list item (attribute property) contains: Attribute name. Description of the attribute. List of tags that contain this property. Buttons for setting the attribute value. Example of use.

## Style

Picture 6. Style List Appears when you click on the "Style" link in the form header. Each list item (attribute style) contains: Item name. Description of the attribute. Buttons for setting the attribute. Example of use.

## Methods

Figure 7 . Subsection of the list "Methods". It is displayed after clicking on the "Methods" link, in the 6th line of the header, or by simply scrolling through the "DATA" section. Provided as a reference. May contain outdated and erroneous data.

## Events

Figure 8 . Subsection of the list "Events". It is shown after clicking on the "Events" link in the 6th line of the header or by simply scrolling through the "DATA" section. Provided as a reference.

## Collections

Figure 9 . Subsection of the list "Collections". It is displayed after clicking on the link "Collections" in the 6th line of the header or by simply scrolling through the "DATA" section. Provided as a reference.

## Color collection

Figure 10. Color collection window. Opens by clicking on the "select_color" button.

## Collection of backgrounds

Picture 11 . An example of an attribute that is defined using a collection of underlays that opens by clicking the «select_img» button. For the collection window, see the following picture.

Picture 12.. Window for the collection of backgrounds. Opened by clicking on the "select_img" button. They will be changed in the form "Change main page" by clicking on the button "Bgr".