The user's guide

  1. Introduction
    Each of the frames of this document is created with the help by last version of the designer "Michael" and demonstrates opportunities of the designer.
  2. Call of this help
    1. In a window of editing of the script, or html-code, select by click the right radioswitch, if it is not selected.
    2. In a window of editing of a html-code or script choose a place of an insert by the cursor of the mouse, press "ALT" and click, there will be a window of the operative help on HTML.
    3. Here and further, the associations are the texts of codes connected with: properties, attributes, methods and events of object.
      In the left frame by search or scrolling find object, association, which will insert. For search from a beginning press "Ctrl"+"Home", press "Ctrl"+"F", enter a context and click "to find down".
    4. Click the found line, in a right frame there will be a description of object, in 2 frame will be defined: properties, methods, event and collection of object.
    5. The place for an insert is marked by a symbol ¶.
      The place of last insert of the text is marked by a symbol µ.
      Do not trouble itself with removal of these symbols, they are erased automatically.
  3. Properties
    The operating procedure of an insert of association of properties in the text of the edited script or tag.
    1. Place the cursor on the list of properties, press the left button of the mouse and not releasing choose necessary property, release the button, there will be a description of the chosen property.
    2. In a window (frame) of properties for an insert the following objects are intended:
      • The grey button, look item 2, is intended for an insert in the text of a tag or script of the text of a code, for a set of property of object, if the button does not contain a symbol "=", and for an insert of the text of a code for a set of value of attribute, if contains, look item 5.
        If the button does not contain a symbol "=", and concerns to property of system object, you can learn value of this property by placing the cursor on the button and by pressing "Enter". It is necessary previously to move focus on on a window of properties by click of the button of the mouse in an empty place of this window. For an insert click the button.
      • The grey button near to a white field in a combination with items of the menu (for example item 10, "background"), containing a symbol ":" is intended for an insert in the tag or script of a code of a set of value of several properties of attribute STYLE. Previously, with the help of the menu change value of properties by default. For it place the cursor on the menu - the items will open, place the cursor on the necessary item. If the submenu will open, place the cursor on the necessary subitem a submenu. Click the chosen item or the subitem - value of parameter in a white field will change. For an insert, after change click the grey button.
      • The grey button near to a white field in a combination with items of the menu (for example item 103, "face"), containing a symbol "=", is intended for an insert in the tag or script of a code of a set of several values of attribute. Previously with the help of the menu change values of attribute by default. For it place the cursor on the menu - the items will open, place the cursor on the necessary item. If the submenu will open place the cursor on the necessary subitem a submenu. Click the chosen item or the subitem - value of parameter in a white field will change. For an insert, after change click the grey button.
      • The item of the menu with a symbol "=" (for example item 3, " allign "), is intended for a choice with the help of the menu of necessary value of attribute and insert in the tag or script of the chosen code of a set of this value. For an insert click it.
      • Item of the menu with a symbol ":" (for example item 11, "backgroundAttachment"), is intended for a choice with the help of the menu of necessary value of attribute of property "STYLE" and insert in the tag or script of a code ensuring a set of this value. For an insert click it.
      • The text of an example in a framework (look examples in item 3). For an insert click it. For performance of an example place the cursor of the mouse inside of a framework and press " Enter ".
      • Dark blue italic. For an insert click it.
    3. The text is inserted into the necessary place of an insert with necessary additions, depending on a context of an insert and inserted property. After an insert of the texts, if necessary, correct them so, that they corresponded to that, that is necessary. Usually it means: change of identifiers of objects, replacement of constant, replacement of the references, and other.
    4. Some properties, for example such as: TEXTINDENT, FILTER, OWERFLOW, are displayed on object, if at this object are given in attribute STYLE of value of properties: HEIGHT, WIDTH.
    5. For an insert of the reference property press "Alt", not releasing "Alt", click. It is necessary for objects of an insert, if they insert a code of a set of value of property, for example for item of property "BACKGROUND".

  4. Methods
    The order of an insert of associations of methods in the text of the edited script.
    1. Place the cursor on the list of methods, press the left button of the mouse and not releasing choose a necessary method, release the button, there will be a description of the chosen method.
    2. Place the cursor on one of the following objects:
      • The dark blue underlined text - text of application of a method in a general view.
      • Grey framework - text of application of a method as an example.
    3. Click the chosen object, the text will be inserted into the chosen place of the edited tag, or script.
    4. After an insert, in a window of editing, replace variable, references and other parameters with parameters in a context of your script.
  5. Events
    The order of an insert of associations of events in the text of the edited script or tag.
    1. Place the cursor on the list of events, press the left button of the mouse and, not releasing, choose necessary event, release the button, there will be a description of the chosen event.
    2. Place the cursor on the name of event (brown thick text). Click - there will be a menu of contexts of an insert.
    3. Place the cursor on item of the menu - the window of an inserted code (red text), in a context of all processing of event will open. Choose the necessary way of processing of event and click item. The chosen code will be inserted into the chosen place of the edited script or tag.
    4. Correctly choose a place of an insert of a code in a window of editing. After an insert edit an inserted code, replace identifiers, variable, reference in a context of your tag or script.
    After an insert of the texts correct them so that they corresponded(met) to that that is necessary. It means: change variable, replacement of constant, replacement of the references, input of an additional code, insert of the texts, and other.
  6. Collections
    The order of an insert of associations of collections in the text of the edited script.
    1. Place the cursor on the list of collections, press the left button of the mouse and, not releasing, choose a necessary collection, release the button, there will be a description of the chosen collection.
    2. Place the cursor on the name of a collection (black thick text) and click - there will be a menu of associations of collections.
    3. See all items of the menu and analysis of opening associations, choose necessary and click item. The red text will be inserted into the chosen place of the script.
    4. After an insert of a code, in a window of editing replace all variable, reference, constant on appropriate to a context of your script. Add necessary of the script-code and html-code.
  7. Tags
    Below, in each item of the description of the tags it is represented:
    1. The minimal text of a tag, with which all properties are set by default (dark blue italic).
    2. Example of the tag in a context of its application (in a framework).
    3. The image of an example and comment.
    All texts of tags or examples can be inserted into an edited tag or script by simple click.
    For an insert in a window of editing of a HTML-code, place the cursor on a place of an insert, press ALT and hold, click.
    After occurrence of this window find the necessary tag:
    1. - by search (click in a right frame, press " Ctrl " and click, enter a context of search and click "to find down"),
    2. - by click in the left frame,
    3. - by click in a history of viewing.
    Place the cursor on italic of the found tag or inside of a framework of an example and click. The text will be inserted into the chosen place of an insert.
    If the text of an example is inserted, edit it in a context of your tag.
    For a set: properties, application of methods of object, use of the given collection, processing of events, follow the instructions of item 2-6 of the present document.


  8. THE TAGS OF THE LISTS AND PROPERTIES
  9. ! ~ comment
    <!>
     <! It is the comment in one line>
    <!-- -->
     <!--
     It is the comment in some lines
    -->

  10. DOCTYPE  ~ type and format of contents
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

  11. BASE ~ Sets URL of page
    <BASE HREF="">
    <base href="/webcenter/globuss/">
    <img src=circ1.gif> - This picture will be loaded from /webcenter/globuss/

  12. BODY ~ Contents of page
    <BODY ></BODY> ,
    <html>
    <head>
    <title></title>
    <meta name="" content=""></head>
    <BODY>
    ...
    </BODY>
    </html>

  13. COMMENT ~ The comment
    <COMMENT></COMMENT> ,
    <comment>It to not see.</comment>
    It to not see.
  14. DIV ~ Division
    <DIV></DIV>
    <div>It is the tag carries out logic division of the document, creating a fragment inside it.</div>
    It is the text carries out logic division of the document, creating a fragment inside it.

    <div style="BACKGROUND: wheat;  OVERFLOW: scroll;
     WIDTH: 119px;  HEIGHT: 56px" >It is the tag carries out logic division of the document, creating a fragment inside it with strips of scrolling.</div>
    It is the tag carries out logic division of the document, creating a fragment inside it with strips of scrolling.

  15. HEAD ~ The information on page
    <HEAD></HEAD> ,
    <HEAD>
    <title></title>
    <meta name="" content=""></HEAD>

  16. HTML ~ Attribute of page
    <HTML></HTML> ,
    <HTML>
    <head>
    <meta name="" content="">
    <title>The name of page</title>
    </head><body></body></HTML>

  17. LINK ~ Communications between the documents
    1. <LINK REL="copyright" HREF=""> - In HREF the reference to page with the information on the copyrights.
    2. <LINK REL="glossary" HREF=""> - In HREF the reference to page with a glossary.
    3. <LINK REL="help" HREF=""> - In HREF the reference to page of the help.
    4. <LINK REL="home" HREF=""> - In HREF the reference to home page.
    5. <LINK REL="index" HREF=""> - In HREF the reference to indexes.
    6. <LINK REL="next" HREF=""> - In HREF the reference to the following document.
    7. <LINK REL="previous" HREF=""> - In HREF the reference to the previous document.
    8. <LINK REL="toc" HREF=""> - In HREF the reference to page of contents or page of the general review.
    9. <LINK REL="up" HREF=""> - In HREF the reference to the following of the document upwards on hierarchy.
    10. <LINK REL="stylesheet" HREF=""> - In HREF the reference to the tables of styles.

  18. META ~ The information and instructions
    <META NAME="" CONTENT=""> ,
    <meta name=author content=jsnk>

  19. META ~ The immediate reference to other page
    <META url=http://> ,
    <meta url=http://webcenter.ru/~globuss/>

  20. NEXTID ~ Parameter of the text editors the tag HEAD
    <NEXTID>

  21. SPAN ~ Together with the table of styles a set of attributes of the text
    <SPAN></SPAN> ,
    <style>
    span {color:teal;background:white}
    </style>
    <div style="color:green">
    In this division the following word the SAMPLE is selected non-standardly<SPAN>SAMPLE</SPAN> other words as all.
    </div>
    In this division the following word the SAMPLE is selected non-standardly SAMPLEother words as all.

  22. THE TAGS OF FRAMES

  23. FRAME ~ frame
    <FRAME ID="" NAME="" SRC=".htm" SCROLLING=""> ,
    <frameset  rows="25,70,*">
    <FRAME id="h0" name="0" src="tagh0.htm" scrolling="no">
    < FRAME id="h00" name= "00" src="tagh00.htm" scrolling="no">
    <frameset cols="165,*">
    <FRAME id="h1" name="1" src="tagh1.htm" scrolling="auto">
    <FRAME id="h2" name="2" src="tagh2.htm" scrolling="auto">
    </frameset> </frameset>
    As an example the set of frames of page of the help on HTML, which before you is given.
    The tag FRAMESET can is inside the tag FRAMESET.

  24. FRAMESET ~ Set of frames and subordinated sets of frames
    <FRAMESET  ROWS=",*" COLS=",*"></FRAMESET> ,
    <FRAMESET  rows="25, 70,*">
    <frame id="h0" name="0" src="tagh0.htm" scrolling="no">
    <frame id="h00" name="00" src="tagh00.htm" scrolling="no">
    <FRAMESET cols="165,*">
    <frame id="h1" name="1" src="tagh1.htm" scrolling="auto">
    <frame id="h2" name="2" src="tagh2.htm" scrolling="auto">
    </FRAMESET></FRAMESET>
    As an example the set of frames of page of the help on HTML is given.
    The tag FRAMESET can is inside the tag FRAMESET.

  25. IFRAME ~ The built~in frame of page
    <IFRAME SRC=""></IFRAME> ,
    <iframe src="ac.htm"></iframe>


  26. NOFRAMES ~ That the browser not supporting frames shows
    <NOFRAMES></NOFRAMES> ,
    <noframes>
    Buy the new browser
    </noframes>

    Buy new browser.
  27. THE TAGS OF THE FORMS

  28. BUTTON ~ button
    <BUTTON></BUTTON> ,
    <button>The button with the text.</button>

    <BUTTON ><IMG SRC=></BUTTON> ,
    <button><img>The button with a picture.</button>


  29. FIELDSET ~ The container of the tags with borders as a rectangular
    <FIELDSET></FIELDSET> ,
    <FIELDSET>
    <legend>Heading</legend>
    It is the container, in it the button
    <button>Press</button><br>
     and text by italics<br><i>It is the text by italics.</i>
    </FIELDSET>
    HeadingIt is the container, in it the button
    and text by italics
    It is the text by italics.

    <FIELDSET style="BACKGROUND: wheat; OVERFLOW: scroll; WIDTH: 176px; HEIGHT: 81px">
    <legend>Heading</legend>
    It is the container, in it the button
    <button>Press this button with the text</button><br>
     and text by italics<br><i>It is the text by italics.</i>
    The strips of scrolling are added.
    </FIELDSET>
    It is the container, in it the button
    and text by italics
    It is the text by italics. The strips of scrolling are added.


  30. FORM ~ The form of transfer of the data on the server
    <FORM></FORM> ,
    <FORM name=form1 action=http://online.ru/scripts/Welcome.pl>
    <label for=form1>Enter data
    <input type=submit value=To send>
    <input type=reset value=To cancel>
    </label></FORM>
  31. INPUT TYPE=text ~ Input of the text for sending on the server
    <INPUT TYPE=TEXT>


  32. INPUT TYPE=button ~ button
    <INPUT TYPE=BUTTON VALUE=""> ,
    <input type=button value="press me" name=but1>


  33. INPUT TYPE=checkbox ~ The switch
    <INPUT TYPE=CHECKBOX NAME=""> ,
    <input type=checkbox name=ch0 checked>


  34. INPUT TYPE=checkbox ~ Group of switches
    <INPUT type=checkbox  name=ch1 checked>
    <INPUT type=checkbox name=ch1 checked>
    <INPUT type=checkbox name=ch1 checked>
    ,
    Selection one, several or all.

  35. INPUT TYPE=radio ~ The switch
    <INPUT TYPE=RADIO NAME= >
    <input type=radio name=chr0 checked >


  36. INPUT TYPE=radio ~ Group of switches
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>
    ,

    Selection only one.

  37. INPUT TYPE=submit ~ The button for sending the data on the server
    <INPUT TYPE=SUBMIT VALUE=""> ,
    <input type=submit value="To send">


  38. INPUT TYPE=reset ~ The button of a cancellation of input
    <INPUT TYPE=RESET VALUE=""> ,
    <input type=reset value="To cancel">


  39. INPUT TYPE=hidden ~ The confidential information
    <INPUT TYPE=HIDDEN VALUE=""> ,
    <input type=hidden value="The secret is not seen">


  40. INPUT TYPE=password ~ Input of the password
    <INPUT TYPE=PASSWORD NAME=""> ,
    Enter the password<INPUT type=password name=pass>
    Enter the password

  41. INPUT TYPE=file ~ Choice of a file
    <INPUT TYPE=FILE NAME=""> ,
    Enter or choose a file. For a choice click the button<INPUT type=file>
    Enter or choose a file. For a choice click the button

  42. LABEL ~ The text of heading of the tag FORM
    <LABEL></LABEL> ,
    <form name=form2 action=http://online.ru/scripts/Welcome.pl>
    <LABEL for=form2>It is heading of the form
    <input >
    </LABEL></form>
  43. LEGEND ~ The text of heading of the tag FIELDSET
    <LEGEND></LEGEND> ,
    <fieldset>
    <LEGEND>Heading</LEGEND>
    </fieldset>
    Heading

  44. OPTION ~ Element of the list of a choice in the tag SELECT
    <OPTION VALUE=""> ,
    <select size=3>
    <OPTION value=1>first
    <OPTION style="COLOR: red" value=2>second
    <OPTION  value=3 selected>third
    </select>


  45. SELECT ~ The dropping out list
    <SELECT SIZE=0></SELECT> ,
    <SELECT size=0>
    <option value=1>first
    <option value=2>second
    <option value=3 selected>third
    </SELECT>


  46. SELECT ~ The list
    <SELECT SIZE=3 ></SELECT> ,
    <SELECT size=3>
    <option value=1>first
    <option value=2>second
    <option value=3 selected>third
    </SELECT>


  47. TEXTAREA ~ Field of input of several lines
    <TEXTAREA></TEXTAREA> ,
    <textarea></textarea>


  48. THE TAGS OF IMAGES, MULTIMEDIA, SCRIPTS

  49. APPLET ~ Places the applet Java or other on page
    <APPLET></APPLET> ,
    <APPLET code="An" width=100 height=100>
    <param name=img1 value="/images/1.jpg">
    </APPLET>


  50. AREA ~ Sets the form of active area on a card
    <AREA SHAPE= COORDS= > ,
    <img src="map.gif" useMap=#1>
    <map name=1>
    <AREA title="It is area a rectangular" SHAPE=RECT target=_blank COORDS=18,31,93,100 href="ac.htm">
    <AREA title="It is area a circle" SHAPE=CIRCLE target=_blank COORDS=161,65,31 href="ac.htm">
    <AREA title="It is area a triangle" SHAPE=POLY target=_blank COORDS=300,90,214,90,251,20 href="ac.htm">
    </map>


  51. BGSOUND ~ Sets a background sound
    <BGSOUND SRC=""> ,
    <BGSOUND src="ding.wav" loop=7>


  52. EMBED ~ Inserted object of other application
    <EMBED SRC=""> ,
    <embed src="" width=400 height=300>


  53. IMG ~ Picture, image of a card
    <IMG SRC=""> ,
    <img src="gal/Frontpag.gif">


  54. MAP ~ The container of active areas on a card
    <MAP NAME=""></MAP> ,
    <img src="map.gif" useMap=#2>
    <MAP name=2>
    <area title="It is area a rectangular" shape=RECT target=_blank coords=18,31,93,100 href="ac.htm">
    <area title="It is area a circle" shape=CIRCLE target=_blank coords=161,65,31 href="ac.htm">
    <area title="It is area a triangle" shape=POLY target=_blank coords=300,90,214,90,251,20 href="ac.htm">
    </MAP>


  55. MARQUEE ~ The running text
    <MARQUEE></MARQUEE> ,
    <marquee style="background:  #ffc0cb;  width:  122px;  height:  23px" scrollDelay=200 direction=right>
    N 2
    </marquee>
    N 2

  56. NOSCRIPT ~ The text instead of the scripts
    <NOSCRIPT></NOSCRIPT> ,
    <noscript>Buy the new browser.</noscript>


  57. OBJECT ~ External object
    <OBJECT></OBJECT> ,
    <OBJECT>
    <param name="" value="">
    </OBJECT>


  58. PARAM ~ Parameter
    <PARAM NAME="" VALUE="">

  59. SCRIPT ~ The script in JAVA
    <SCRIPT LANGUAGE=JAVASCRIPT>
    <!--
    ...
    -->
    </SCRIPT>
    ,
    <script language=javascript>
    <!--// As the multilower case comment for the old browsers.
    // Here description and assignment global variable.
    // Here code of the script, which will will be executed certainly.
    function devJAVA()
    {// Here code of simple function in JAVA}
    function devJAVA()
    {// Here code of simple function in JAVA with return of value "hello".
    return "hello"}
    function window_onload()
    {// Here code of simple function in JAVA for reaction to event ONLOAD of object WINDOW, instead of ONLOAD is possible to enter the necessary event, look the list of events of object.}
    -->
    </script>


  60. SCRIPT ~ The script in VBS
    <SCRIPT LANGUAGE=VBSCRIPT>
    <!--
    ...
    -->
    </SCRIPT>
    ,
    <script language=vbscript>
    <!--' As the multilower case comment for the old browsers.
    ' Here description and assignment global variable.
    ' Here code of the script, which will  be executed certainly.
    function devVBS()
    ' Here code of simple function in VBS.
    end function
    function devVBS1()
    ' Here code of simple function in VBS by return of value "Hi !".
    devVBS1="Hi !"
    end function
    Sub devVBS2()
    ' Here code of a procedure in VBS
    end sub
    function window_onload()
    'Here code of simple function in VBS for reaction to event ONLOAD of object WINDOW. Instead of ONLOAD it is possible to enter the necessary event, look the list of events of object.
    end function
    -->
    </script>


  61. SCRIPT ~ Processing of event of object in VBS
    <SCRIPT LANGUAGE=VBS FOR= EVENT= >,
    <!--
    ...
    --></SCRIPT>
    ,
    <script language=vbs for=devex event=onclick>
    <!--
    msgbox "You have clicked the script of processing in VBS"
    -->
    </script>


  62. SCRIPT ~ Processing of event of object in JAVA
    <SCRIPT LANGUAGE=JAVASCRIPT FOR= EVENT= >
    <!--
    ...
    -->
    </SCRIPT>
    ,
    <script language=javascript for=devex1 event=onclick>
    <!--
    alert("You have clicked the script of processing of events in JAVA");
    -->
    </script>


  63. THE TAGS OF THE REFERENCES

  64. A ~ Transition to an anchor
    <A  HREF="# "></A> ,
    <a  href="#anchor_name">It is the reference to an anchor.</a>
    It is the reference to an anchor.

  65. A HREF=URL ~ The reference to other page
    <A  HREF="http:// "></A> ,
    <a  href="http://... " >It is the reference to other page.</a>
    It is the reference to other page.

  66. A HREF=URL ~ The reference to other page and on an anchor
    <A HREF="http:// # "></A> ,
    <a  href="http://...#anchor_name">It is the reference to other page and on an anchor.</a>
    It is the reference to other page and on an anchor.

  67. A NAME="name" ~ Anchor
    <A NAME=></A> ,
    <a name=anchor_name>
    Here there is a transition if set in the tag A  HREF=#anchor_name
    </a>
    Here there is a transition if set in the tag A HREF=#anchor_name

  68. THE TAGS OF THE TABLES

  69. CAPTION ~ Sets the title of the table
    <CAPTION></CAPTION> ,
    <table style="background: #a9a9a9" border=2>
    <CAPTION style="font-weight:bold; background:#a9a9a9">
    Table</CAPTION>
    <thead>
    <tr>
    <th>1</th>
    <th>2</th></tr>
    </thead>
    <tbody>
    <tr>
    <td>1.1</td>
    <td>1.2</td></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2

  70. COL ~ Properties of columns by default
    <COL> ,
    <table style="backgrounf: #a9a9a9"border=2>
    <colgroup>
    <COL style="background:green; width:150px" align=right>
    <COL style="background: red; width: 150px" align=middle>
    </colgroup>
    <caption style="font-weight:bold;background:#a9a9a9">
    Table</caption>
    <thead>
    <tr>
    <th>1</th>
    <th>2</th></tr>
    </thead>
    <tbody>
    <tr>
    <td>1.1</td>
    <td>1.2</td></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2


  71. COLGROUP ~ The container of properties of columns
    <COLGROUP></COLGROUP> ,
    <table style="background: #a9a9a9" border=2>
    <COLGROUP style="background: red; width:150px" align=middle>
    <col>
    <col >
    </COLGROUP>
    <caption style="font-weight:bold; background:#a9a9a9">
    Table</caption>
    <thead >
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2


  72. TABLE ~ The table
    <TABLE></TABLE> ,
    <TABLE style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold; background:#a9a9a9">
    Table</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></TABLE>
    Table
    1 2
    1.1 1.2

  73. TBODY ~ Body of the table
    <TBODY></TBODY> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight: bold;background:#a9a9a9">
    Table</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <TBODY>
    <tr><td>1.1</td><td>1.2</td></tr>
    </TBODY></table>
    Table
    1 2
    1.1 1.2

  74. TD ~ Cell of the table
    <TD></TD> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Table</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><TD>1.1</TD><TD>1.2</TD></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2

  75. TFOOT ~ Cellar of the table
    <TFOOT></TFOOT> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Table</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody>
    <TFOOT>
    <tr style="background:red">
    <td>foot1</td>
    <td>foot2</td></tr>
    </TFOOT></table>
    Table
    1 2
    1.1 1.2
    foot1 foot2

  76. TH ~ Cells of a heading of the table
    <TH></TH> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold; background:#a9a9a9">
    Table</caption>
    <thead>
    <tr><TH>1</TH><TH>2</TH></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2

  77. THEAD ~ Heading of the table
    <THEAD></THEAD> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Table</caption>
    <THEAD>
    <tr><th>1</th><th>2</th></tr>
    </THEAD>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Table
    1 2
    1.1 1.2

  78. TR ~ Line of heading or body of the table
    <TR></TR> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Table</caption>
    <thead>
    <TR><th>1</th><th>2</th></TR>
    </thead>
    <tbody><TR><td>1.1</td><td>1.2</td></TR>
    </tbody></table>
    Table
    1 2
    1.1 1.2

  79. THE TAGS OF THE LISTS

  80. DD ~ The text of definition inside the tag DT
    <DD></DD> ,
    <dl>
    <dt>Manual HTML.</dt>
    <DD>It is the good assistant in study.</DD>
    </dl>
    Manual HTML.
    It is the good assistant in study.

  81. DIR ~ The text as the list of the catalogue
    <DIR></DIR> ,
    <DIR>First 1 second 2 third 3
    </DIR>
    First 1 second 2 third 3
  82. DL ~ The list with the description
    <DL></DL> ,
    <DL>
    <dt>Manual.</dt>
    <dd>Always tell the truth</dd>
    </DL>
    Manual.
    Always tell the truth.

  83. DT ~ The text of definition
    <DT></DT> ,
    <dl>
    <DT>Programming.</DT>
    <dd>It is a science and art.</dd>
    </dl>
    Programming.
    It is a science and art.

  84. LI ~ Element of many lists
    <LI> ,
    <LI>The text of an element (object) of any list.
    Is used only inside the tags: OL, UL, MENU and other tags.

  85. MENU ~ The list
    <MENU></MENU> ,
    <MENU >
    <li>first
    <li>second
    <li>third
    </MENU>
  86. first
  87. second
  88. third

  89. OL ~ The list numbered
    <OL></OL> ,
    <OL>
    <li>first
    <li>second
    <li>third
    </OL>
    1. first
    2. second
    3. third

  90. UL ~ The list marked
    <UL><li></UL> ,
    <UL>
    <li>first
    <li>second
    <li>third
    </UL>
    • first
    • second
    • third

  91. TAGS OF KINDS OF THE TEXT

  92. ADDRESS ~ The information on the address
    <ADDRESS></ADDRESS> ,
    <address>The address by italics.</address>
    The address by italics.

  93. B ~ Does the text thick, where it is possible
    <B></B> ,
    <b>The thick text.</b>
    The thick text.

  94. BASEFONT ~ Sets a font by default
    <BASEFONT></BASEFONT> ,
    <basefont color=blue size=2>
    Sets a font by default.
    </basefont>
    Sets a font by default.

  95. BIG ~ Increases a current font by one size
    <BIG></BIG> ,
    <big>Increases a current font by one size.</big>
    Increases a current font by one size.

  96. BLOCKQUOTE ~ Displaces the text to the right
    <BLOCKQUOTE></BLOCKQUOTE> ,
    <blockquote>
    Displaces the text to the right. Is used for the citations.
    </blockquote>
    Displaces the text to the right. Is used for the citations.
  97. CITE ~ The text by italics for the copyright
    <CITE></CITE> ,
    <cite >
    The text by italics for the copyright.
    </cite>
    The text by italics for the copyright.

  98. CODE ~ The text of fixed width
    <CODE></CODE> ,
    <code>
    The text of fixed width.Is usually used of the text of the program.
    </code>
    The text of fixed width.
    Is usually used of the text of the program.


  99. DFN ~ The text of the terms
    <DFN></DFN> ,
    <dfn>The text of the terms.</dfn>
    The text of the terms.

  100. EM ~ The text by italics
    <EM></EM> ,
    <EM>
    The text by italics for attraction of attention.
    </EM>
    The text by italics for attraction of attention.

  101. FONT ~ The text with a set of a kind and size of a font
    <FONT></FONT> ,
    <FONT size=-1>The text with a set of a kind and size of a font.</FONT>
    The text with a set of a kind and size of a font.

  102. I ~ The text by italics, if is possible
    <I></I> ,
    <I>The text by italics, if is possible.</I>
    The text by italics, if is possible.

  103. KBD ~ It is the text, which needs to be entered
    <KBD></KBD> ,
    <KBD>It is the text, which needs to be entered.</KBD>
    It is the text, which needs to be entered.

  104. LISTING ~ The text with a font of fixed width
    <LISTING></LISTING> ,
    <LISTING >
    The text with a font of fixed width.
    </LISTING>
    The text with a font of fixed width.
  105. PLAINTEXT ~ The text without processing the tags
    <PLAINTEXT>
    The text by a font of fixed width without processing the tags.
    </PLAINTEXT>
    .
    Application incorrectly.

  106. PRE ~ The text by a font of fixed width
    <PRE></PRE> ,
    <PRE>
    The text by a font of fixed width.<br>
    T h e - b l a n k s - a r e - k e p t.
    </PRE>
    The text by a font of fixed width.
    T h e - b l a n k s - a r e - k e p t.
  107. S ~ The crossed out text
    <S></S> ,
    <S>The crossed out text.</S>
    The crossed out text.

  108. SAMP ~ The text as an example of the program
    <SAMP></SAMP> ,
    <SAMP>
    x=sqr(4)
    </SAMP>
    x=sqr(4)

  109. SMALL ~ The text by the reduced font rather current
    <SMALL></SMALL> ,
    <SMALL>
    The text by the reduced font rather current.
    </SMALL>
    The text by the reduced font rather current.

  110. STRIKE ~ The crossed out text
    <STRIKE></STRIKE> ,
    <STRIKE>The crossed out text.</STRIKE>
    The crossed out text.

  111. STRONG ~ The text by a thick font
    <STRONG></STRONG> ,
    <STRONG>
    The text by a thick font.
    </STRONG>
    The text by a thick font.

  112. STYLE ~ The table of styles
    <STYLE TYPE="text/css">{}</STYLE> ,
    <STYLE type="text/css">
    .exampl{color:red;background:white}
    </STYLE>
    <font class=exampl>
    With use of the tag STYLE
    </font>
    With use of the tag STYLE

  113. STYLE ~ Import of the table of styles
    1. With the help @import
      <STYLE>@import url(http://.../name.css)</STYLE>
      <STYLE id=s1> @import url("style.css"); </STYLE>
    2. With the help of the tag LINK
      <LINK title=style href="style.css" type=text/css rel=stylesheet> </FIELDSET>
    where the contents of a file "style.css" are this value of the selector, in an example the following text:
    h1{color:red}.
  114. SUB ~ The bottom index
    <SUB></SUB> ,
    The bottom index.<SUB>12</SUB>
    The bottom index 12

  115. SUP ~ The top index
    <SUP></SUP> ,
    The top index<SUP>12</SUP>
    The top index 12

  116. TT ~ The text by a font of fixed width
    <TT></TT> ,
    <TT>
    The text by a font of fixed width.
    </TT>
    The text by a font of fixed width.

  117. U ~ The underlined text
    <U></U> ,
    <U>
    The underlined text.
    </U>
    The underlined text.

  118. VAR ~ Small font, sometimes italics of fixed width
    <VAR></VAR> ,
    <VAR>Small font, sometimes italics of fixed width.</VAR>
    Small font, sometimes italics of fixed width.

  119. XMP ~ The text of examples
    <XMP></XMP> ,
    <XMP>x=sqr(4)res=x*cos(x)</XMP>
    x=sqr(4) res=x*cos(x)
  120. THE TAGS OF THE PARAGRAPHS AND LINES

  121. P ~ The paragraph
    <P></P> ,
    <P style="background:teal">
    The paragraph without the closing tag

    The paragraph without the closing tag.

    <P style="background:green">
    It is the following paragraph with the closing tag.
    </P>

    It is the following paragraph with the closing tag.

  122. BR ~ After that tag object to place with new a line
    <BR> ,
    The following sentence will begin with new lines.
    <BR> This sentence with new lines.
    The following sentence will begin with new lines.
    This sentence with new lines.

  123. CENTER ~ Alignment of contents on centre
    <CENTER></CENTER> ,
    <CENTER>
    All here will be levelled on centre.<br>
    <img ><br>
    <button ></button>
    </CENTER>
    All here will be levelled on centre.

  124. HR ~ Horizontal line
    <HR> ,


  125. NOBR ~ The text without carry on the following line
    <NOBR></NOBR> ,
    <NOBR>
    It is the text in one line.
    </NOBR>
    It is the text in one line.

  126. WBR ~ Carry of a line in the block of the text in the tag NOBR
    <WBR> ,
    <nobr>
    This sentence is not divided on two lines.
    <WBR>
    Only here there will be a carry.
    </nobr>
    This sentence is not divided on two lines.Only here there will be a carry.

  127. THE TAGS OF HEADINGS
    1. The tags:H1,H2,H3,H4,H5,H6
      <H1></H1>
      <H2></H2>
      <H3></H3>
      <H4></H4>
      <H5></H5>
      <H6></H6> ,
      <h1>The largest heading</h1>
      <h2>The heading is less than before but more than after </h2>
      <h3>The heading is less than before but more than after</h3>
      <h4>The heading is less than before but more than after</h4>
      <h5>The heading is less than before but more than after</h5>
      <h6>The smallest heading</h6>

      The largest heading

      The heading is less than before but more than after

      The heading is less than before but more than after

      The heading is less than before but more than after

      The heading is less than before but more than after
      The smallest heading
    2. TITLE ~ Sets the name of the document in heading of a window
      <TITLE></TITLE>
  128. Model of objects
    Object StyleSheet Object Selection Object Document BODY ~ Contents of page SELECT ~ The list INPUT TYPE=file ~ Choice of a file INPUT TYPE=password ~ Input of the password INPUT TYPE=hidden ~ The confidential information TEXTAREA ~ Field of input of several lines INPUT TYPE=submit ~ The button for sending the data on the server INPUT TYPE=text ~ Input of the text for sending on the server INPUT TYPE=reset ~ The button of a cancellation of input INPUT TYPE=checkbox ~ The switch INPUT TYPE=radio ~ The switch INPUT TYPE=button ~ button Object Document Object Document Object Navigator Object Document Object Screen Object Event Object Window Object Location Object History TABLE ~ The table MAP ~ The container of active areas on a card TR ~ Line of heading or body of the table
  129. OBJECTS OF THE BROWSER
  130. Object Document
    This object - whole contents of the document. This object has collections and properties. This object has events and methods.
  131. Object Event
    This object provides access to properties of events when they occur.
  132. Object History
    Contains the information on the visited addresses.
  133. Object Location
    The object contains the information on the address of the current document. Has methods of replacement of current page.
  134. Object MimeType
    The object represents the information on a type MIME of page.
  135. Object Navigator
    The object represents the items of information on the browser.
  136. Object Screen
    The object submits data on the screen.
  137. Object Selection
    Object of current selection in the document. Object of object DOCUMENT. The current slection is carried out by the user, when it moves the mouse with the pressed left key. For creation of the reference on this object:
    set devselect=document.selection
    For work with selection as with the text it is necessary from selection to create object textrange:
    set devrange=document.selection.createrange
  138. Object Style
    The object represents value of elements of style of objects.
  139. Object StyleSheet
    The object represents all elements of style inside the table of styles in a collection window.document.styleSheets.
  140. Object TextRange
    The object is formed of the text of the document. To form textual areas the following objects can only:
  141. body of the document -
    set devrange=document.body.createtextrange()
  142. multilower case input -
    set devrange=document.all("devtextarea").createtextrange()
  143. button -
    set devrange=document.all("devbutton").createtextrange()
  144. objects of the form -
    set devrange=document.all("devinput").createtextrange()
  145. Object Window
    Object a current window. It can be the most top window or frame.
  146. Object BODY
    The basic object of the document. Is defined by the tag BODY.