Руководство пользователя

  1. Введение
    Фреймы этого документа были созданы с помощью конструктора "Михаил" последней версии.
  2. Вызов этой помощи
    1. В окне редактирования скрипта, или html-кода, включи щелчком правый радиовыключатель, если он не включен.
    2. В окне редактирования html-кода или скрипта выбери место вставки курсором мыши, нажми "ALT" и щелкни, появится окно оперативной помощи по HTML.
    3. Здесь и далее, ассоциации это тексты кодов, связанные с: свойствами,атрибутами,методами и событиями объекта.
      В оглавлении поиском или прокруткой найди объект,ассоциации,которого будешь вставлять. Для поиска с начала оглавления нажми "Сtrl"+"home",нажми "Ctrl"+"F", введи контекст и щелкни "найти далее".
    4. Щелкни найденную строку, в правом фрейме появится описание объекта, в 2 фрейме установятся свойства,методы,события и коллекции объекта.
    5. Mесто щелчка для вставки отмечается символом ¶.
      Место последнего вставленного текста отмечается символом µ.
      Не утруждайте себя удалением этих символов, они удаляются автоматически.
  3. Свойства
    Порядок работы вставки ассоциации свойств в текст редактируемого скрипта или тега.
    1. Помести курсор на список свойств, нажми левую кнопку мыши и не отпуская выбери необходимое свойство, отпусти кнопку,появится описание выбранного свойства.
    2. В окне (фрейме) свойств для вставки предназначены следующие объекты:
      • Одинокая серая кнопка, смотри пункт 2, предназначена для вставки в текст тега или скрипта текста кода, определяющего свойства объекта, если кнопка не содержит знака "=", и для вставки текста кода для задания значения атрибута, если содержит смотри пункт 5. Если кнопка не содержит знака "=", и относится к свойству системного объекта, ты можешь узнать значение этого свойства поместив курсор на кнопку и нажав "Enter". Необходимо предварительно переместить фокус на на окно свойств щелчком кнопки мыши по пустому месту этого окна. Для вставки щелкни кнопку.
      • Серая кнопка рядом с белым полем в комбинации с пунктами меню, например пункт 10(background), содержащая символ ":" предназначена для вставки в тег или скрипт текста кода обеспечивающего задания значения нескольких свойств атрибута STYLE. Предварительно с помощью меню измени значения свойств, установленных по умолчанию. Для этого помести курсор на меню - откроются пункты,помести курсор на нужный подпункт и, если откроется подменю на нужный пункт подменю. Щелкни выбранный пункт или подпункт - значение параметра в белом поле изменится. Для вставки, после изменения щелкни серую кнопку.
      • Серая кнопка рядом с белым полем в комбинации с пунктами меню, например пункт 103(face), содержащая символ "=" предназначена для вставки в тег или скрипт текста кода, обеспечивающего задания нескольких значений атрибута. Предварительно с помощью меню измени значения атрибута, установленного по умолчанию. Для этого помести курсор на меню - откроются пункты,помести курсор на нужный подпункт и, если откроется подменю на нужный пункт подменю. Щелкни выбранный пункт или подпункт - значение параметра в белом поле изменится. Для вставки, после изменения щелкни серую кнопку.
      • Пункт меню с символом "=", например пункт 3(allign), предназначен для выбора с помощью меню необходимого значения атрибута и вставки в тег или скрипт выбранного текста кода, обеспечивающего задания этого значения. Для вставки щелкни его.
      • Пункт меню с символом ":", например пункт 11(backgroundAttachment), предназначен для выбора с помощью меню необходимого значения атрибута свойства "STYLE" и вставки в тег или скрипт текста кода, обеспечивающего задания этого значения. Для вставки щелкни его.
      • Текст примера в рамке (смотри примеры в пункте 3). Для вставки щелкни его. Для выполнения примера помести курсор мыши внутрь рамки и нажми "Enter".
      • Текст синей прописью. Для вставки щелкни его.
    3. Текст объекта вставляется в нужное место вставки с необходимыми добавлениями, в зависимости от контекста вставки и вставляемого свойства. После вставки текстов, при необходимости, корректируете их так, чтобы они соответствовали тому что нужно. Обычно это сводится к изменению идентификаторов объектов, замене постоянных величин переменными, заменой ссылок, и пр.
    4. Некоторые свойства, например такие как: TEXTINDENT,FILTER,OWERFLOW, проявляются на объекте, если у этого объекта заданы в атрибуте STYLE значения свойств: HEIGHT,WIDTH.
    5. Для вставки ссылки на свойство нажми и держи Alt, и щелкни. Это примечание справедливо для объектов вставки, по которым осуществляется вставка кода, задающего значение свойства, например для объекта свойства "BACKGROUND".
    С
    В
    О
    Й
    С
    Т
    В
    А
  4. Методы
    # Порядок вставки ассоциаций методов в текст редактируемого скрипта.
    1. Помести курсор на список методов, нажми левую кнопку мыши и не отпуская выбери необходимый метод, отпусти кнопку,появится описание выбранного метода.
    2. Помести курсор на один из следующих объектов:
      • Синий подчеркнутый текст - текст приминения метода в общем виде.
      • Серая рамка - текст применения метода на конкретном примере.
    3. Щелкни выбранный объект, текст будет вставлен в выбранное место редактируемого тега, или скрипта.
    4. Перед вставкой, для оценки метода, выполнени пример. Для этого помести курсор внутрь рамки и нажми "Enter".
    5. После вставки, в окне редактирования, замени переменные, ссылки и другие параметры на параметры в контексте твоего скрипта.
    М
    Е
    Т
    О
    Д
    Ы
  5. События
    # Порядок вставки ассоциаций событий в текст редактируемого скрипта или тега.
    1. Помести курсор на список событий, нажми левую кнопку мыши и, не отпуская, выбери необходимое событие, отпусти кнопку, появится описание выбранного события.
    2. Помести курсор на название события (коричневый жирный текст). Щелкни - появится меню контекстов вставки.
    3. Помести курсор на пункт меню - откроется окно вставляемого кода(красный текст), в контексте всей обработки события. Выбери нужный способ обработки события и щелкни пункт. Выбранный код будет вставлен в выбранное место редактируемого скрипта или тега.
    4. Правильно выбирай место вставки кода в окне редактирования. После вставки отредактируй вставленный код, замени идентификаторы, переменные, ссылки  в контексте твоего тега или скрипта.
    После вставки текстов корректируете их так, чтобы они соответствовали тому что нужно. Обычно это сводится к изменению переменных, замене постоянных величин переменными, заменой ссылок, вводу дополнительного кода, вставкой тегов, и пр.
    С
    О
    Б
    Ы
    Т
    И
    Я
  6. Коллекции
    # Порядок вставки ассоциаций коллекций в текст редактируемого скрипта.
    1. Помести курсор на список коллекций, нажми левую кнопку мыши и, не отпуская, выбери необходимое событие, отпусти кнопку,появится описание выбранной коллекции.
    2. Помести курсор на название коллекции (ченый жирный текст) и шелкни - появится меню ассоциаций коллекций.
    3. Перемещением курсора по меню и анализом открывающихся ассоциаций, выбери необходимую и щелкни пункт. Красный тест вставится в выбранное место скрипта.
    4. После вставки кода, в окне редактирования замени все переменные, ссылки , константы на соответствующие контексту твоего скрипта. Добавь необходимый скрипт-код и html-код.
    К
    О
    Л
    Л
    Е
    К
    Ц
    И
    И
  7. ПОРЯДОК РАБОТЫ С ОПИСАНИЯМИ ТЕГОВ
    Далее, в каждом пункте описания тегов представляется:
    1. Минимальный текст тега, при котором все свойства устанавливаются по умолчанию (синяя пропись).
    2. Пример тега в контексте его применения (в рамке).
    3. Изображение примера и комментарии.
    Все тексты тегов или примеров могут быть вставлены в редактируемый тег или скрипт простым щелчком.
    Для вставки, в поле редактирования тега или внутреннего HTML кода, курсором мыши выбери место вставки нажми "ALT" и щелкни.
    После появления этого окна найди необходимый тег:
    1. - поиском (щелкни в правом фрейме, нажми "Ctrl" и щелкни, введи контекст поиска и щелкни "найти далее"),
    2. - щелчком в левом фрейме
    3. - щелчком в истории просмотра.
    Помести курсор на пропись найденного тега или внутрь рамки примера и щелкни. Текст будет вставлен в выбранное место вставки.
    Если вставлен тект примера отредактируй его в контексте твоего тега.
    Для задания: свойств, применения методов объекта, использования данных коллекции, обработки событий следуй ниструкциям п.2-6 настоящего документа.

  8. ТЕГИ ПО АЛФАВИТУ
    A A NAME="name" ADDRESS
    APPLET AREA B BASE
    BASEFONT BGSOUND BIG BLOCKQUOTE
    BODY BR BUTTON CAPTION
    CENTER CITE CODE COL
    COLGROUP COMMENT DD DFN
    DIR DIV DL DOCTYPE
    DT EM EMBED FIELDSET
    FONT FORM FRAME FRAMESET
    HEAD H1,H2,H3,H4,H5,H6 HR HTML
    I IFRAME IMG INPUT TYPE=button
    INPUT TYPE=checkbox INPUT TYPE=file INPUT TYPE=hidden INPUT TYPE=password
    INPUT TYPE=radio INPUT TYPE=reset INPUT TYPE=submit INPUT TYPE=text
    KBD LABEL LEGEND LI
    LINK LISTING MAP MARQUEE
    MENU META NEXTID NOBR
    NOFRAMES NOSCRIPT OBJECT OL
    OPTION P PARAM PLAINTEXT
    PRE S SAMP SCRIPT
    SELECT SMALL SPAN STRIKE
    STRONG STYLE SUB SUP
    TABLE TBODY TD TEXTAREA
    TFOOT TH THEAD TITLE
    TR TT U UL
    VAR WBR XMP
  9. ТЕГИ СТРУКТУРЫ СТРАНИЦЫ
    ! DOCTYPE BASE BODY
    COMMENT DIV HEAD HTML
    LINK META NEXTID SPAN
  10. ! ~ комментарий
    <!>
     <! это комментарий в одну строку>
    <!-- -->
     <!--
     это комментарий в несколько строк
    -->

  11. DOCTYPE ~ тип и формат содержимого
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

  12. BASE ~ устанавливает URL страницы
    <BASE HREF="">
    <base href="/webcenter/globuss/">
    <img src=circ1.gif> - эта картина будет загружена из /webcenter/globuss/

  13. BODY ~ содержимое страницы
    <BODY ></BODY> ,
    <html>
    <head>
    <title></title>
    <meta name="" content=""></head>
    <BODY>
    ...
    </BODY>
    </html>

  14. COMMENT ~ комментарий
    <COMMENT></COMMENT> ,
    <comment>Это не увидеть.</comment>
    Это не увидеть.
  15. DIV ~ раздел
    <DIV></DIV>
    <div>Это раздел осуществляет логическое разделение документа, оздавая фрагмент внутри его.</div>
    Это раздел осуществляет логическое разделение документа, оздавая фрагмент внутри его.

    <div style="BACKGROUND: wheat;  OVERFLOW: scroll;
     WIDTH: 119px;  HEIGHT: 56px" >Это раздел осуществляет логическое разделение документа, создавая фрагмент внутри его,  с полосами прокрутки. </div>
    Это раздел осуществляет логическое разделение документа, создавая фрагмент внутри его, с полосами прокрутки.

  16. HEAD ~ информация о странице
    <HEAD></HEAD> ,
    <HEAD>
    <title></title>
    <meta name="" content=""></HEAD>

  17. HTML ~ признак страницы
    <HTML></HTML> ,
    <HTML>
    <head>
    <meta name="" content="">
    <title>Название страницы</title>
    </head><body></body></HTML>

  18. LINK ~ связи между документами
    1. <LINK REL="copyright" HREF=""> - указывает в HREF расположение странцы с информацией об авторских правах на узле.
    2. <LINK REL="glossary" HREF=""> - указывает в HREF расположение классификаторов терминов на узле.
    3. <LINK REL="help" HREF=""> - указывает в HREF расположение помощи на узле.
    4. <LINK REL="home" HREF=""> - указывает в HREF расположение домашней страницы на узле.
    5. <LINK REL="index" HREF=""> - указывает в HREF расположение инлекса на узле.
    6. <LINK REL="next" HREF=""> - указывает в HREF расположение следующего документа на узле.
    7. <LINK REL="previous" HREF=""> - указывает в HREF расположение предидущего документа на узле.
    8. <LINK REL="toc" HREF=""> - указывает в HREF расположение писка содержимого или общего обзора на узле.
    9. <LINK REL="up" HREF=""> - указывает в HREF расположение следующего документа вверх по иерархии на узле.
    10. <LINK REL="stylesheet" HREF=""> - указывает в HREF расположение таблицы стилей.

  19. META ~ информация и инструкции
    <META NAME="" CONTENT=""> ,
    <meta name=author content=jsnk>

  20. META ~ переадресация на другую страницу
    <META url=http://> ,
    <meta url=http://webcenter.ru/~globuss/>

  21. NEXTID ~ параметр текстовых редакторов теге HEAD
    <NEXTID>

  22. SPAN ~ с таблицей стилей для задание аттрибутов текста
    <SPAN></SPAN> ,
    <style>
    span {color:teal;background:white}
    </style>
    <div style="color:green">
    В этом дивизионе следующее слово образец выделено нестандартно<SPAN>ОБРАЗЕЦ</SPAN> остальное как все.
    </div>
    В этом дивизионе следующее слово образец выделено нестандартно ОБРАЗЕЦ остальное как все.

  23. ТЕГИ фреймов
    FRAME FRAMESET IFRAME NOFRAMES
  24. 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>
    В качестве примера приведен набор фреймов страницы помощи по HTML, которая перед тобой.
    Тег FRAMESET может находится только внутри тега FRAMESET.

  25. FRAMESET ~ набор фреймов и подчиненных наборов
    <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>
    В качестве примера приведен набор фреймов страницы помощи по HTML.
    Тег FRAMESET может находится внутри тега FRAMESET.

  26. IFRAME ~ встроенный фрейм страницы
    <IFRAME SRC=""></IFRAME> ,
    <iframe src="ac.htm"></iframe>


  27. NOFRAMES ~ что показыват броузер не поддерживающий фреймы
    <NOFRAMES></NOFRAMES> ,
    <noframes>
    Купи новый броузер.
    </noframes>

    Купи новый броузер.
  28. ТЕГИ форм
    BUTTON FIELDSET FORM
    INPUT TYPE=button INPUT TYPE=checkbox INPUT TYPE=file
    INPUT TYPE=hidden INPUT TYPE=password INPUT TYPE=radio
    INPUT TYPE=reset INPUT TYPE=submit INPUT TYPE=text
    LABEL LEGEND OPTION
    TEXTAREA
  29. BUTTON ~ Кнопка
    <BUTTON></BUTTON> ,
    <button>кнопка с текстом.</button>

    <BUTTON ><IMG SRC=></BUTTON> ,
    <button><img>Кнопка с картинкой</button>


  30. FIELDSET ~ Контейнер тегов с границами в виде прямоугольника
    <FIELDSET></FIELDSET> ,
    <FIELDSET>
    <legend>Заголовок</legend>
    Это контейнер в нем кнопка
    <button>Нажми</button><br>
     и текст курсивом<br><i>Это текст курсивом.</i>
    </FIELDSET>
    ЗаголовокЭто контейнер в нем кнопка
    и текст курсивом
    Это текст курсивом.

    <FIELDSET style="BACKGROUND: wheat; OVERFLOW: scroll; WIDTH: 176px; HEIGHT: 81px">
    <legend>Заголовок</legend>
    Это контейнер в нем кнопка
    <button>Нажми эту кнопку с текстом</button><br>
     и текст курсивом<br><i>Это текст курсивом.</i>
    Добавлены полосы прокрутки.
    </FIELDSET>
    ЗаголовокЭто контейнер в нем кнопка
    и текст курсивом
    Это текст курсивом. Добавлены полосы прокрутки.


  31. FORM ~ форма содержащая передачи данных на сервер
    <FORM></FORM> ,
    <FORM name=form1 action=http://online.ru/scripts/Welcome.pl>
    <label for=form1>введите данные<input><input type=submit value=отправить>
    <input type=reset value=очистить>
    </label></FORM>
  32. INPUT TYPE=text ~ ввод текста для отправки на сервер
    <INPUT TYPE=TEXT>


  33. INPUT TYPE=button ~ кнопка
    <INPUT TYPE=BUTTON VALUE=""> ,
    <input type=button value="press me" name=but1>


  34. INPUT TYPE=checkbox ~ переключатель
    <INPUT TYPE=CHECKBOX NAME=""> ,
    <input type=checkbox name=ch0 checked>


  35. INPUT TYPE=checkbox ~ группа переключателей
    <INPUT type=checkbox  name=ch1 checked>
    <INPUT type=checkbox name=ch1 checked>
    <INPUT type=checkbox name=ch1 checked>     ,
    Выбор одного, нескольких или всех.

  36. INPUT TYPE=radio ~ переключатель
    <INPUT TYPE=RADIO NAME= >
    <input type=radio name=chr0 checked >


  37. INPUT TYPE=radio ~ группа переключателей
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>
    <INPUT type=radio name=chr1 checked>     ,

    Выбор только одного.

  38. INPUT TYPE=submit ~ кнопка для отправки данных на сервер
    <INPUT TYPE=SUBMIT VALUE=""> ,
    <input type=submit value=отправить>


  39. INPUT TYPE=reset ~ ввод отмены ввода
    <INPUT TYPE=RESET VALUE=""> ,
    <input type=reset value=очистить>


  40. INPUT TYPE=hidden ~ скрытая информация
    <INPUT TYPE=HIDDEN VALUE=""> ,
    <input type=hidden value="секрет не виден">


  41. INPUT TYPE=password ~ вод пароля
    <INPUT TYPE=PASSWORD NAME=""> ,
    Введи пароль<INPUT type=password name=pass>
    Введи пароль

  42. INPUT TYPE=file ~ выбор файла
    <INPUT TYPE=FILE NAME=""> ,
    Для выбора щелкни "Обзор"<INPUT type=file>
    Для выбора щелкни "Обзор"

  43. LABEL ~ Текст заголовка в рамке тега FIELDSET
    <LABEL></LABEL> ,
    <form name=form2 action=http://online.ru/scripts/Welcome.pl>
    <LABEL for=form2>это заголовок формы
    <input >
    </LABEL></form>
  44. LEGEND ~ Текст заголовка в рамке тега FIELDSET
    <LEGEND></LEGEND> ,
    <fieldset>
    <LEGEND>Заголовок</LEGEND>
    </fieldset>
    Заголовок

  45. OPTION ~ Элемент списка выбора в теге списка SELECT
    <OPTION VALUE=""> ,
    <select size=3>
    <OPTION value=1>первый
    <OPTION style="COLOR: red" value=2>второй
    <OPTION  value=3 selected>третий
    </select>


  46. SELECT ~ Список
    <SELECT SIZE=0></SELECT> ,
    <SELECT size=0>
    <option value=1>первый
    <option value=2>второй
    <option value=3 selected>третий
    </SELECT>


  47. SELECT ~ Поле списка
    <SELECT SIZE=3 ></SELECT> ,
    <SELECT size=3>
    <option value=1>первый
    <option value=2>второй
    <option value=3 selected>третий
    </SELECT>


  48. TEXTAREA ~ Поле ввода из нескольких строк
    <TEXTAREA></TEXTAREA> ,
    <textarea></textarea>


  49. ТЕГИ графики,мультимедия сценариев
    APPLET AREA BGSOUND EMBED
    IMG MAP MARQUEE NOSCRIPT
    OBJECT PARAM SCRIPT
  50. APPLET ~ помещает апплет Java или другой на страницу
    <APPLET></APPLET> ,
    <APPLET code="An" width=100 height=100>
    <param name=img1 value="/images/1.jpg">
    </APPLET>


  51. AREA ~ задает формуактивного участка на карте
    <AREA SHAPE= COORDS= > ,
    <img src="map.gif" useMap=#1>
    <map name=1>
    <AREA title="это область прямоугольник" SHAPE=RECT target=_blank COORDS=18,31,93,100 href="ac.htm">
    <AREA title="это область круг" SHAPE=CIRCLE target=_blank COORDS=161,65,31 href="ac.htm">
    <AREA title="это область треугольник" SHAPE=POLY target=_blank COORDS=300,90,214,90,251,20 href="ac.htm">
    </map>


  52. BGSOUND ~ задает фоновое звуковое сопровождение
    <BGSOUND SRC=""> ,
    <BGSOUND src="ding.wav" loop=7>


  53. EMBED ~ внедряет документы любого приложения
    <EMBED SRC=""> ,
    <embed src="" width=400 height=300>


  54. IMG ~ картина, образ карты
    <IMG SRC=""> ,
    <img src="gal/Frontpag.gif">


  55. MAP ~ коллекция активных участков на карте
    <MAP NAME=""></MAP> ,
    <img src="map.gif" useMap=#1>
    <MAP name=1>
    <area title="это область прямоугольник" shape=RECT target=_blank coords=18,31,93,100 href="ac.htm">
    <area title="это область круг" shape=CIRCLE target=_blank coords=161,65,31 href="ac.htm">
    <area title="это область треугольник" shape=POLY target=_blank coords=300,90,214,90,251,20 href="ac.htm">
    </MAP>


  56. MARQUEE ~ бегущий текст
    <MARQUEE>*</MARQUEE> ,
    <marquee style="background:  #ffc0cb;  width:  122px;  height:  23px" scrollDelay=200 direction=right>
    N 2
    </marquee>
    N 2

  57. NOSCRIPT ~ текст для броузеров без сценариев
    <NOSCRIPT></NOSCRIPT> ,
    <noscript>Купи новый броузер.</noscript>


  58. OBJECT ~ внешний объект
    <OBJECT></OBJECT> ,
    <OBJECT>
    <param name="" value="">
    </OBJECT>


  59. PARAM ~ параметр
    <PARAM NAME="" VALUE="">

  60. SCRIPT ~ ценарий на JAVA
    <SCRIPT LANGUAGE=JAVASCRIPT>
    <!--
    ...
    -->
    </SCRIPT>     ,
    <script language=javascript>
    <!--// как многострочный комментарий для старых броузеров.
    // здесь описание или присвоение глобальных переменных.
    // здесь код сценария который будет выполнятся безусловно.
    function devJAVA()
    {// здесь код простой функции на JAVA}
    function devJAVA()
    {// здесь код простой функции на JAVA возвратом значенияreturn "hello"
    return "hello"}
    function window_onload()
    {// здесь код простой функции на JAVA для реакции на событие onload объекта window, вместо onload можно вписать нужное событие, смотри список событий объекта.}
    -->
    </script>


  61. SCRIPT ~ ценарий на VBS
    <SCRIPT LANGUAGE=VBSCRIPT>
    <!--
    ...
    -->
    </SCRIPT>     ,
    <script language=vbscript>
    <!--' как многострочный комментарий для старых броузеров.
    ' здесь описание или присвоение глобальных переменных.
    ' здесь код сценария который будет выполнятся безусловно.
    function devVBS()
    ' здесь код простой функции на VBS
    end function
    function devVBS1()
    '' здесь код простой функции на VBS возвратом
    devVBS1="привет"
    end function
    Sub devVBS2()
    ' здесь код процедуры на VBS
    end sub
    function window_onload()
    'здесь код простой функции на VBS для реакции на событие onload объекта window, вместо onload можно вписать нужное событие, смотри список событий объекта.
    end function
    -->
    </script>


  62. SCRIPT ~ обработчик события объекта на VBS
    <SCRIPT LANGUAGE=VBS FOR= EVENT= >,
    <!--
    ...
    --></SCRIPT>     ,
    <script language=vbs for=devex event=onclick>
    <!--
    msgbox "ты щелкнул по скрипту обработчику на VBS"
    -->
    </script>


  63. SCRIPT ~ обработчик события объекта на JAVA
    <SCRIPT LANGUAGE=JAVASCRIPT FOR= EVENT= >
    <!--
    ...
    -->
    </SCRIPT>     ,
    <script language=javascript for=devex1 event=onclick>
    <!--
    alert("ты щелкнул по скрипту обработчику событий на JAVA");
    -->
    </script>


  64. ТЕГИ ссылок
    A A HREF=URL A NAME="name"
  65. A ~ Переход на якорь
    <A  HREF="# "></A> ,
    <a  href="#имя_якоря ">Это ссылка на якорь.</a>
    Это ссылка на якорь.

  66. A HREF=URL ~ Гиперссылка на другую страницу
    <A  HREF="http:// "></A> ,
    <a  href="http://... " >Это ссылка на другую страницу.</a>
    Это ссылка на другую страницу.

  67. A HREF=URL ~ Гиперссылка на другую страницу и на якорь
    <A HREF="http:// # "></A> ,
    <a  href="http://...#имя_якоря">Это ссылка на другую страницу.</a>
    Это ссылка на другую страницу.

  68. A NAME="name" ~ Якорь
    <A NAME=></A> ,
    <a name=имя_якоря>
    Сюда будет переход если указать в теге A  HREF=#имя_якоря
    </a>
    Сюда будет переход если указать в теге A HREF=#имя_якоря

  69. ТЕГИ таблиц
    CAPTION COL COLGROUP TABLE
    TBODY TD TFOOT TH
    THEAD TR
  70. CAPTION ~ задает заголовок таблицы
    <CAPTION></CAPTION> ,
    <table style="background: #a9a9a9" border=2>
    <CAPTION style="font-weight:bold; background:#a9a9a9">
    Заголовок</CAPTION>
    <thead>
    <tr>
    <th>1</th>
    <th>2</th></tr>
    </thead>
    <tbody>
    <tr>
    <td>1.1</td>
    <td>1.2</td></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2

  71. COL ~ свойства столбцов по умолчанию
    <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">
    Заголовок</caption>
    <thead>
    <tr>
    <th>1</th>
    <th>2</th></tr>
    </thead>
    <tbody>
    <tr>
    <td>1.1</td>
    <td>1.2</td></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2


  72. COLGROUP ~ контейнер свойств столбцов
    <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">
    Заголовок</caption>
    <thead >
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2


  73. TABLE ~ таблица
    <TABLE></TABLE> ,
    <TABLE style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold; background:#a9a9a9">
    Заголовок</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></TABLE>
    Заголовок
    1 2
    1.1 1.2

  74. TBODY ~ тело таблицы
    <TBODY></TBODY> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight: bold;background:#a9a9a9">
    Заголовок</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <TBODY>
    <tr><td>1.1</td><td>1.2</td></tr>
    </TBODY></table>
    Заголовок
    1 2
    1.1 1.2

  75. TD ~ ячейка таблицы
    <TD></TD> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Заголовок</caption>
    <thead>
    <tr><th>1</th><th>2</th></tr>
    </thead>
    <tbody>
    <tr><TD>1.1</TD><TD>1.2</TD></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2

  76. TFOOT ~ подвал таблицы
    <TFOOT></TFOOT> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Заголовок</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>
    Заголовок
    1 2
    1.1 1.2
    foot1 foot2

  77. TH ~ ячейки строки заглавия таблицы
    <TH></TH> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold; background:#a9a9a9">
    Заголовок</caption>
    <thead>
    <tr><TH>1</TH><TH>2</TH></tr>
    </thead>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2

  78. THEAD ~ заглавие таблицы
    <THEAD></THEAD> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Заголовок
    </caption>
    <THEAD>
    <tr><th>1</th><th>2</th></tr>
    </THEAD>
    <tbody>
    <tr><td>1.1</td><td>1.2</td></tr>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2

  79. TR ~ строка заглавия,тела
    <TR></TR> ,
    <table style="background: #a9a9a9" border=2>
    <caption style="font-weight:bold;background:#a9a9a9">
    Заголовок</caption>
    <thead>
    <TR><th>1</th><th>2</th></TR>
    </thead>
    <tbody><TR><td>1.1</td><td>1.2</td></TR>
    </tbody></table>
    Заголовок
    1 2
    1.1 1.2

  80. ТЕГИ списков
    DD DIR DL DT
    LI MENU OL UL
  81. DD ~ Текст определения внутри тега DT
    <DD></DD> ,
    <dl>
    <dt>Руководство HTML.</dt>
    <DD>Это хороший помощник в учебе.</DD>
    </dl>
    Руководство HTML.
    Это хороший помощник в учебе.

  82. DIR ~ Текст как список каталога
    <DIR></DIR> ,
    <DIR>первый 1 второй  2 третий 3
    </DIR>
    первый 1 второй 2 третий 3
  83. DL ~ Список связанных описаний
    <DL></DL> ,
    <DL>
    <dt>Наставленье.</dt>
    <dd>Ученье - свет.</dd>
    </DL>
    Наставленье.
    Ученье - свет.

  84. DT ~ Текст определения
    <DT></DT> ,
    <dl>
    <DT>Программирование.</DT>
    <dd>Это наука и искусство.</dd>
    </dl>
    Программирование.
    Это наука и искусство.

  85. LI ~ Текст элемента любого списка
    <LI> ,
    <LI>Текст элемента любого списка
    Используется только внутри тегов OL,UL,MENU и других тегов.

  86. MENU ~ Список
    <MENU></MENU> ,
    <MENU >
    <li>первый
    <li>второй
    <li>третий
    </MENU>
  87. первый
  88. второй
  89. третий

  90. OL ~ Список нумерованный
    <OL></OL> ,
    <OL>
    <li>первый
    <li>второй
    <li>третий
    </OL>
    1. первый
    2. второй
    3. третий

  91. UL ~ Список маркированный
    <UL><li></UL> ,
    <UL>
    <li>первый
    <li>второй
    <li>третий
    </UL>
    • первый
    • второй
    • третий

  92. ТЕГИ стилей текста
    ADDRESS B BASEFONT BIG
    BLOCKQUOTE CITE CODE DFN
    EM FONT I KBD
    LISTING PLAINTEXT PRE S
    SAMP SMALL STRIKE STRONG
    STYLE SUB SUP TT
    U VAR XMP


  93. ADDRESS ~ информация о адресе
    <ADDRESS></ADDRESS> ,
    <address>Адрес курсивом.</address>
    Адрес курсивом.

  94. B ~ Делает текст жирным где это возможно
    <B></B> ,
    <b>Жирный текст.</b>
    Жирный текст.

  95. BASEFONT ~ Устанавливает шрифт по умолчанию
    <BASEFONT></BASEFONT> ,
    <basefont color=blue size=2>
    Устанавливает шрифт по умолчанию.
    </basefont>
    Устанавливает шрифт по умолчанию.

  96. BIG ~ Увеличивает текущий шрифт на один размер
    <BIG></BIG> ,
    <big>Увеличивает текущий шрифт на один размер.</big>
    Увеличивает текущий шрифт на один размер.

  97. BLOCKQUOTE ~ Делает отступ в тексте
    <BLOCKQUOTE></BLOCKQUOTE> ,
    <blockquote>
    Делает отступ в тексте. Используется для цитирования.
    </blockquote>
    Делает отступ в тексте.Используется для цитирования.
  98. CITE ~ Текст курсивом для авторского права
    <CITE></CITE> ,
    <cite >
    Текст курсивом для авторского права.
    </cite>
    Текст курсивом для авторского права.

  99. CODE ~ Текст фиксированной ширины
    <CODE></CODE> ,
    <code>
    Текст фиксированной ширины.Обычно используется для частей исходного текста программы.
    </code>
    Текст фиксированной ширины.
    Обычно используется для частей исходного текста программы.

  100. DFN ~ Текст терминов
    <DFN></DFN> ,
    <dfn>Текст терминов.</dfn>
    Текст терминов.

  101. EM ~ Текст курсивом
    <EM></EM> ,
    <EM>
    Текст курсивом для акцентирования внимания.
    </EM>
    Текст курсивом для акцентирования внимания.

  102. FONT ~ Текст с заданием вида размера и шрифта
    <FONT></FONT> ,
    <FONT size=-1>Текст с заданием вида размера и шрифта.</FONT>
    Текст с заданием вида размера и шрифта.

  103. I ~ Текст курсивом если возможно
    <I></I> ,
    <I>Текст курсивом если возможно.</I>
    Текст курсивом если возможно.

  104. KBD ~ Текст который нужно ввести
    <KBD></KBD> ,
    <KBD>Текст который нужно ввести.</KBD>
    Текст который нужно ввести.

  105. LISTING ~ Текст с шрифтом фиксированной ширины
    <LISTING></LISTING> ,
    <LISTING >
    Текст с шрифтом фиксированной ширины.
    </LISTING>
    Текст с шрифтом фиксированной ширины.
  106. PLAINTEXT ~ Текст без обработке тегов
    <PLAINTEXT>
    Текст шрифтом фиксированной ширины без обработке тегов.
    </PLAINTEXT>     .
    Непонятно работает.

  107. PRE ~ Текст шрифтом фиксированной ширины
    <PRE></PRE> ,
    <PRE>
    Текст шрифтом фиксированной ширины.<br>
    П р о б е л ы с о х р а н я ю т с я.
    </PRE>
              Текст шрифтом фиксированной ширины.
              П р о б е л ы с о х р а н я ю т с я.
  108. S ~ Зачеркнутый текст
    <S></S> ,
    <S>Зачеркнутый текст.</S>
    Зачеркнутый текст.

  109. SAMP ~ Текст как пример программы
    <SAMP></SAMP> ,
    <SAMP>
    x=sqr(4)
    </SAMP>
    x=sqr(4)

  110. SMALL ~ Текст уменьшенным шрифтом относительно текущего
    <SMALL></SMALL> ,
    <SMALL>
    Текст уменьшенным шрифтом.
    </SMALL>
    Текст уменьшенным шрифтом.

  111. STRIKE ~ Зачеркнутый текст
    <STRIKE></STRIKE> ,
    <STRIKE>Зачеркнутый текст.</STRIKE>
    Зачеркнутый текст.

  112. STRONG ~ Текст жирным шрифтом
    <STRONG></STRONG> ,
    <STRONG>
    Текст жирным шрифтом.
    </STRONG>
    Текст жирным шрифтом.

  113. STYLE ~ Таблица стилей
    <STYLE TYPE="text/css">{}</STYLE> ,
    <STYLE type="text/css">
    .exampl{color:red;background:white}
    </STYLE>
    <font class=exampl>
    с использованием тега STYLE
    </font>
    с использованием тега STYLE

  114. STYLE ~ Импорт таблицы стилей
    1. с помощью @import
      <STYLE>@import url(http://.../имя.css)</STYLE>
      <STYLE id=s1> @import url("style.css"); </STYLE>
    2. с помощью тега LINK
      <LINK title=style href="style.css" type=text/css rel=stylesheet> </FIELDSET>
    где содержимое файла "style.css" это значение селектора, в примере это следующий текст:
    h1{color:red}.
  115. SUB ~ Нижний индекс
    <SUB></SUB> ,
    Нижний индекс<SUB>12</SUB>
    Нижний индекс 12

  116. SUP ~ Верхний индекс
    <SUP></SUP> ,
    Верхний индекс<SUP>12</SUP>
    Верхний индекс 12

  117. TT ~ Текст шрифтом фиксированной ширины
    <TT></TT> ,
    <TT>
    Текст шрифтом фиксированной ширины.
    </TT>
    Текст шрифтом фиксированной ширины.

  118. U ~ Подчеркнутый текст
    <U></U> ,
    <U>
    Подчеркнутый текст.
    </U>
    Подчеркнутый текст.


  119. VAR ~ Мелкий шрифт, иногда курсив фиксированной ширины
    <VAR></VAR> ,
    <VAR>Мелкий шрифт, иногда курсив фиксированной ширины.</VAR>
    Мелкий шрифт, иногда курсив фиксированной ширины.

  120. XMP ~ Текст примеров
    <XMP></XMP> ,
    <XMP>x=sqr(4)res=x*cos(x)</XMP>
    x=sqr(4) res=x*cos(x)
  121. ТЕГИ параграфов и строк
    P BR CENTER HR
    NOBR WBR
  122. P ~ параграф
    <P></P> ,
    <P style="background:teal">
    Параграф без закрывающего тега

    Параграф без закрывающего тега

    <P style="background:green">
    Это следующий параграф с закрывающитм тегом
    </P>

    Это следующий параграф с закрывающитм тегом

  123. BR ~ вставка конца строки
    <BR> ,
    Следующее предложение будет начинаться с новой стоки.
    <BR> Это предложение с новой строки.
    Следующее предложение будет начинаться с новой стоки.
    Это предложение с новой строки.

  124. CENTER ~ выравнивание по центру
    <CENTER></CENTER> ,
    <CENTER>
    Все здесь будет выравнено по центру.<br>
    <img ><br>
    <button ></button>
    </CENTER>
    Все здесь будет выравнено по центру.

  125. HR ~ горизонтальная линия
    <HR> ,

  126. NOBR ~ текст без переноса на следующую строку
    <NOBR></NOBR> ,
    <NOBR>
    Это текст в одну строку
    </NOBR>
    Это текст в одну строку

  127. WBR ~ вставляет перенос строки в блоке текста в теге NOBR
    <WBR> ,
    <nobr>
    Этот предложение не разделяется на две строки.
    <WBR>
    Только здесь будет перенос.
    </nobr>
    Этот предложение не разделяется на две строки. Только здесь будет перенос.

  128. ТЕГИ заголовков
    1. H1,H2,H3,H4,H5,H6 ~ заголовки
      <H1></H1>
      <H2></H2>
      <H3></H3>
      <H4></H4>
      <H5></H5>
      <H6></H6> ,
      <h1>Самый крупный заголовок</h1>
      <h2>Заголовок мельче</h2>
      <h3>Заголовок мельче</h3>
      <h4>Заголовок мельче</h4>
      <h5>Заголовок мельче</h5>
      <h6>Самый мелкий заголовок</h6>

      Самый крупный заголовок

      Заголовок мельче

      Заголовок мельче

      Заголовок мельче

      Заголовок мельче
      Самый мелкий заголовок
    2. TITLE ~ задает название документа в заголовке окна
      <TITLE></TITLE>
  129. Объектная модель
    Объект StyleSheetОбъект SelectionОбъект DocumentBODY ~ содержимое страницыSELECT ~ СписокINPUT TYPE=file ~ выбор файлаINPUT TYPE=password ~ вод пароляINPUT TYPE=hidden ~ скрытая информацияTEXTAREA ~ Поле ввода из нескольких строкINPUT TYPE=submit ~ кнопка для отправки данных на серверINPUT TYPE=text ~ ввод текста для отправки на серверINPUT TYPE=reset ~ ввод отмены вводаINPUT TYPE=checkbox ~ переключательINPUT TYPE=radio ~ переключательINPUT TYPE=button ~ кнопкаОбъект DocumentОбъект DocumentОбъект NavigatorОбъект DocumentОбъект ScreenОбъект EventОбъект WindowОбъект LocationОбъект HistoryTABLE ~ таблицаMAP ~ коллекция активных участков на картеTR ~ строка заглавия,тела
  130. Объект Document
    Этот объект - все содержимое документа. Оно помещено в коллекции и свойства. Объект имеет события и методы.
  131. Объект Event
    Этот объект обеспечивает доступ к свойствам событий когда они происходят.
  132. Объект History
    Содержит информацию об посещенных адресах.
  133. Объект Location
    Объект содержит информацию об адресе текущего документа. Имеет методы замены текущей страницы.
  134. Объект MimeType.
    Объект представляет информацию о типе MIME страницы.
  135. Объект Navigator
    Объект представляет сведения о программе броузере.
  136. Объект Screen
    Объект представляет данные о разрешении экрана и возможностях системы вывода информации.
  137. Объект Selection
    Объект текущего выделения в документе. Единственный дочерний объект объекта document. Текущее выделение выполняется пользователем когда он перемещает мышь с нажатой левой клавишей. Для создания ссылки на этот объект:
    set devselect=document.selection
    Для работы с выделением как с текстом необходимо из выделения создать объект textrange:
    set devrange=document.selection.createrange
  138. Объект Style
    Объект представляет значения элементов стиля объектов.
  139. Объект StyleSheet
    Объект представляет все элементы стиля внутри таблицы стилей в коллекции window.document.styleSheets.
  140. Объект TextRange
    Объект текстовая область формируется из текста документа. Не все объекты могут формировать текстовые области а только следующие:
  141. тело документа -
    set devrange=document.body.createtextrange()
  142. многострочный ввод -
    set devrange=document.all("devtextarea").createtextrange()
  143. кнопка -
    set devrange=document.all("devbutton").createtextrange()
  144. элементы формы -
    set devrange=document.all("devinput").createtextrange()
  145. Объект Window
    Объект текущее окно. Это может быть самое верхнее окно или фрейм.
  146. Объект BODY
    Неявный основной объект документа. Определяется тегом BODY.