Поиск по этому блогу

HlpHTML

Компьютер сделает всё, что вы ему скажете,
но это может сильно отличаться от того,
что вы имели в виду.

HTML


Словарь тегов.

 Использование Form
CSS - СТИЛИ
Справка по JS - Script


Атрибуты
и Фильтры
Учебник по Web-дизайну(ч.1)
Раскладка цветовой гаммы по RGB-составляющим.

Спецсимволы ®=®
☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁
 ☸ ☹ ☺ ☻ ☼ ☽ ☾ ☿ ♀ ♁
Примеры и заготовки.

Multi-Edit HTML support macros



-Если первые три байта файла = п»ї, то – Кодировка - UTF-8
и спец символы не нужны.
Показать Атрибуты..








Часть 1. - СПРАВОЧНИКИ.

Примеры



  1. Радио на сайте.

Дополнения

Пример, Сразу выхожу на свою Google -почту ,-Gmail - Моя почта.
- вот только где пароль вводить, и как?

Справки и Примеры с других страниц.
Примеры и часто нужные...
SpravInet - Справки и другие пособия, в интернете.
.

Заметки ЖЖ - Про ЖЖ ( L J )
Объекты и методы.
.

Часть 2.

 Теория. Как в инете? ?отмечаться?
JavaScript спроектирована на основе простой парадигмы....

Описания JavaScript



В Ме - для обслуживания есть макро -
    Language = Tag file:  HtmlTag1.tag
    Macros ----------  weblair.s ^ -Multi-Edit HTML support macros 
       Config: wl_Configure
         Init: wl_FileInit
       Indent: wl_SmartIndent
        Match: wl_HtmlMatch
      FindTag: wl_FindTag
         Menu: wl_ContextMenu
    Formatter: wl_Format

    ------

    WlContxt.s ^ wl_CreateTag - постройка форм для тагов.
           выбор Размера тега-  wl_TagCase( tn, g_wl_Format_Flags )
           wl_TagCase - какими буквами таги печатать..
          str tstr = lower(tn); // всегда маленькими.
          Goto Fin;// не разобрал, сделал так, просто. 06/09/13 19:02 
          



   Работа МЕ по удобству написания---
   ----------- бланки таблиц для заполнения..надо
    
   
   c:\Me\Config\Html4.tdb - HTML4 - Tag Datebases
        WebLair - web editing    
        Работает с macro:"WebLair^wl_Configure" - загружает окно с файлом БД и затем-
                macro:"WebLair^wl_EditTagDatabase /T=0/WIN=" + str(window_id)
   Написал макро - macro:"WebLair^EditTagHTML"
1. !!! Все htm-слова есть ф файле - c:\Me\Help\htm002.txt
ИСПОЛЬЗЙ !!!

2. Стоя на левой линейке - Прав.кн.клик
--Toolbox Manager- делай доп меню для ускорения раб.




Написал макро - void StrForHTML()- Заменить строку ( блок строк ) в HTML.
Можно просто набирать текст, а потом выделить его как блок и запустить это макро.
Кодировки сайтов на русском языке:
UTF-8 - 62%
Windows-1251 - 37,5%
KOI8-R - 0,4% 


 Файл базы данных, для ввода, рдактировать макро -
 Данные для построения редактирования HTML-меню беруться из файла -
  C:\Me\Config\Html4.tdb - из этого беруться...для меню
  C:\Me\Config\Html4.tpt - для вставки в текст.?.

 или
  C:\Me\Defaults\Html4.tdb - при друг. конф.
  C:\Me\Defaults\Html4.tpt -

  macro:

 Macro:"wl_TagExpansion /TAG=P"   ---  wl_TagExpansion 

 template.s ^ tmpbuttonexpand /S=WEBLAIR/N='+tag);

-*-

Multi-Edit HTML support macros



Цветовая подсветка ТЕГОв берется при их наличии в
файле - см. File:"C:\Me\Config\Html4.tdb";
Который использует макро - 

    
 Нужные, готовые macro: в Weblair.s
    macro:"Weblair.s^wl_HtmlColors" Подбор цветов для  <BODY>
              macro:Wl_Configure -  установка конфигурации.
                     wl_Text2Html -  ПРЕОБРАЗОВАНИЕ текста в HTML.
                     wl_HexVal -  16-ти ПРЕОБРАЗОВАНИЕ чисел. (Строка-ЧИСЛО)
                   Wl_XlateUrl - Перевод URL в локальный dir путь или наоборот
      
      macro:"Weblair^Wl_Htmlcontext" -
      macro:"Weblair^Wl_Saveconfig"    -
         .... И много других, см там.



  =================
   Файл  WlContxt.s 
    Запуск  пример IMG-
    - macro:"WlContxt^wlCreateTag /T=IMG" - работает только
                 если в окне html файл !!!.


-*-

Часть 1




СПРАВОЧНИКИ

В компе -

  1. Наташин учебник. Просто и доступно.- Html для чайников.
  2. Самоучитель HTML - Сопроводительная дискета к книге А.Гончарова.
  3. html.chm, по-свойски. Справка для детей.
  4. css.chm - то же нормально.

  5. html_o.chm - html - почти, то же. Но серьезнее...
  6. JavaScript - это от туда...

  7. HtmlRef.chm - HTMLib Index на Англ.
  8. HTML2006 v 4.0 На Англ. Справочник. Все подробно.
  9. javascript - Про скрипты, основное...

Ссылки на полезные материалы в Интернете.

    <li><a href="http://pyramidin.narod.ru/html401/index.htm" target="_blank">Спецификация HTML 4.01 (перевод)</a><br>
    <li><a href="http://html.manual.ru/" target="_blank">HTML-справочник.</a><br>
    <li><a href="http://htmlcoder.visions.ru/" target="_blank">Заметки HTML кодера</a><br>
    <li><a href="http://html.krsk.ru/" target="_blank">Рецепты Html</a><br>
    <li><a href="http://www.machaon.ru/digest/rusinter.HTML.html" target="_blank">Коллекция ссылок по Html от Махаона</a>
    <li><a href="http://www.w3.org/" target="_blank">World Wide Web Consortium</a><br>


-*-

Часть 2



 При нажатии кл. [HELP] на форме, запись ищеться в этом файле.
 Формы и описания меню в файле - 
     HTML_Attributes.CFG - C:\Me\Config\Html4.tdb
       Подсказки,       -   C:\Me\Config\Html.tpt


 Там можно делать дополнения. -
 и конструировать свои.




---
Текст из МЕ - перенести ( показать ) в Браузере или редакторе - пока есть такие, по нажатию <ctrl+F9> - см.файл - c:\Me\Config\Meconfig.db - Все меню. 
 "C:\Program Files\Google\Chrome\Application\chrome.exe" <FILE>.<EXT>
  C:\Windows\hh.exe <FILE>.<EXT>
 "C:\Program Files\Microsoft Office\OFFICE11\FRONTPG.EXE" <FILE>.<EXT>
  C:\Me\HTMLPA~1\htmlpad.exe <FILE>.<EXT> 
  
  МАКРО МЕ, для работы с HTML - weblair.s
  macro:"weblair^Wl_Configure"
  
  Изготовление новых таблиц для нового языка-
  macro:"weblair^wl_EditTagDatabase /T=0/WIN=" + str(window_id);
  
        
    HtmlTag1.tag
    
    wl_Configure
    wl_FileInit
    wl_SmartIndent
    wl_HtmlMatch
    weblair^wl_FindTag
    wl_ContextMenu
    wl_Format


<a href="" onclick="window.open('HlpScrpt.htm','screen1', 'scrollbars=0,resizable=no,location=no,width=500,height=450'); return false;" class=topMenu>


-*-

Атрибуты:


  • HTML 4.0 Attribute Values

    Общие:




    Стандартные:




    -*-

    Словарь тегов:

     A B C D E F G H J I K L M N O P Q R S T V W X Y Z
    ( тут общий словарь, подробнее в других файлах, )
    Если - * то можно использовать в оформлении ЖЖ
  • Эти знаки Нельза использовать явно!)
  • Спецсимволы®=&#174;
  • STYLE=, и Фильтры, применяемые к тексту.


    -*-

    Events:


    -*-

    * 


            href="путь к документу"; "Имя файла#метка в нем;" или "#здесь";

    
  Локальные адреса отображаются следующим образом: 
  file://<disk>/<path>/<filename>.<ext> - для всех браузеров; 
  <disk>:\<path>\<filename>.<ext>  для Internet Explorer. 
        <A HREF="http://..."> 
        <A HREF="ftp://..."> 
        <A HREF="mailto:..."> 
        <a href=".&#92;">Содержимое этой папки:</a>
    The Anchor - Якорь-ссылка - подробно читать.
     
        <a name="M1">Метка M1</a> - отметить.<br>
        name="имя закладки"

    Написать письмо и отправить. Outluk Expres 
     <A HREF="mailto:htmlib@htmlib.demon.co.uk?subject=Subscribe to mailing list&
 cc=htmlib@htmlib.demon.co.uk&body=I'd like to subscribe to the mailing list please"
 >Написать письмо и отправить.</A> 
 
    
 <a href="#M1">здесь</a> - Уйти на M1 в этом же файле.<br>
    
    <a href=http://www.calend.ru/ target=_blank>Пример вызова календаря<br>

    target=_blank - открыть ссылку в новом окне

    title - "Заголовок окна."

    title(style) - "подсказка" к ссылке( текст ) ( сюда наведи мышку)

    ================


    Примеры:
      Правильно так, стр. в компе - file:///c:/kHelp/Закладки%20Opera.html
    стр. в инете - https://sites.google.com/site/kovladmi

      1). Показать <a HREF="c:\Me\SRC\.">папку (SRC)</a> с исходными текстами макро.

    2).
        (1) - <a href="prf.html">мои фотографии</a>- в том же
        (2) - <a href="photos/prf.html">мои фотографии</a>
        (3) - <a href="http://www.homepage.ru/prf.html">мои фотографии</a>- в инете.

    3)Подробно - Стр. из справочника.
        код - <a href="mk:@MSITStore:D:\kHelp\html.chm::/links.htm">Подробно</a> ----
    -*-
      ALERT("Constructor: x="+<strong>this</strong>.x+", y="+<strong>this</strong>.y+", sum="+<strong>this</strong>.sum());
    -*-
    определяет геометрические области внутри карты и ссылки для них
    Для того, чтобы рассчитать точно координаты нужной части изображения существуют специальные программы.
    Одна из них называется MapEdit.

     См. подробнее...>>>

    shape=rect(circle, poly)
    coords= x1,y1
    alt= - "описание"
    href= ссылка
    -*-
    Добавляет, воспроизводит и управляет настройками аудиозаписи на
    веб-странице. Путь к файлу задается через атрибут src или вложенный
    тег <source>. Внутри контейнера <audio> можно написать текст,
    который будет выводиться в браузерах, не работающих с этим тегом.
      Синтаксис
    1) <audio src="URL"></audio> 
    2) <audio> 
          <source src="URL"> 
       </audio> 
  Атрибуты 
      autoplay - Звук начинает играть сразу после загрузки страницы.
                         Атрибут autoplay отменяет действие preload.
                         <audio autoplay="autoplay">, но можно не указывать...
      controls - Добавляет панель управления к аудиофайлу. 

      loop - Повторяет воспроизведение звука с начала после его завершения. 
      preload - Используется для загрузки файла вместе с загрузкой веб-страницы. 
      src - Указывает путь к воспроизводимому файлу. 
      Закрывающий тег  -  Обязателен.


    Пример
      <p>Александр Клименков - Четырнадцать</p> 
  <audio controls> 
    <source src="audio/music.ogg" type="audio/ogg; codecs=vorbis"> 
    <source src="audio/music.mp3" type="audio/mpeg"> 
    Тег audio не поддерживается вашим браузером.  
    <a href="audio/music.mp3">Скачайте музыку</a>. 
  </audio> 
  
  Короче...
    <audio controls>  
    <source src="StalinB.mp3" type="audio/mpeg">  
    <font size="-1" color="Red">Ошибка: Ваш браузер не поддерживает audio,</font>   
    </audio>
    -*-
    выделение текста полужирным шрифтом
    -*-
    - Задание базового адреса (URL) для ссылок.
    Это позволяет опускать начальную часть адресв в ссылках документа.

      <BASE href="file://E:./..">

    А в документе
    Относительная ссыка. - указывать в тексте -
    -*-
    *

    The <BGSOUND> element allows authors to create pages that will play sound clips, or background soundtracks while the page is being viewed Sounds can either be samples (.WAV or .AU format) or MIDI (.MID format).
    The HTML used to insert a background sound into a page is:
    <BGSOUND SRC="start.wav">

    BALANCE=Stereo balancing
    CLASS=n
    ID=n
    LANG=n
    LOOP=n;Сколько раз повторить. If n=-1 or LOOP=INFINITE=Непрерывно.
    SRC
    TITLE=n
    VOLUME=n; -Громкость.
          См.подробнее...

      <BGSOUND SRC="../Dynamic_Documents/clouds.mid"> 
     NOTE : Internet Explorer now fully supports use of Netscape plug-ins using the 
     <EMBED...> element. Therefore, using : 
  <EMBED SRC="../Dynamic_Documents/clouds.mid" HIDDEN="True">
    -*-
    *
    выделение текста более крупным шрифтом, чем основной
    -*-
    тело документа, обязательный тэг
     
    Параметры:

    text="#cc0000" - задает цвет текста всего документа
    bgcolor="#FFF4F4" - задает цвет фона документа. "#FAF8B5" - мой цвет страницы.
    background="картинка.jpg" - задает фоновую картинку-Имя файла с изображением <обоев>
    link="#ff9999" ="#rrggbb"Цвет гипертекстовых ссылок, по которым еще не осуществлялся переход
    alink="#ff9999" - Цвет гипертекстовых ссылок, активной (нажатой) в момент их активизации
    vlink="#ff9999" - задает цвет посещенной ссылки
    topmargin="0" - ширина верхнего и нижнего полей документа для IE
    leftmargin="0" - ширина левого и правого полей документа для IE
    marginheight="0" - ширина верхнего и нижнего полей документа для NN
    marginwidth="0" - ширина левого и правого полей документа для NN
    oncopy="return false"-- запрет, нельзя копировать.
    onload=ExmJavaScript()- Выполнить скрипт, После загрузки всей страницы.
    onload="TextJavaScript"- тоже, но текст скрипта здесь.
    onunload="TextJavaScript"- Браузер исполнит текст скрипта после ухода со страницы.

    Примеры:
    
Для того чтобы поместить свой текст в строку состояния браузера - 
<body .... onLoad="window.defaultStatus='Ваш текст тут'">

<body onload=Timer1()> <!--  Выполнить скрипт Timer1(), при запуске -->
<body oncopy="return false">-- запрет, нельзя копировать.
<body rightmargin=10 leftmargin=10>   Установить края.
<BODY text="black" link="blue" vlink="purple" alink="red">
    -*-
    *

    Обозначение цитаты.Тоже, как и <Q>
    Атрибут cite="URL_источника цитаты";
    Примерно - так выглядит отступ, удобно применять...
    Отступает немного в сторону
    Выделяет текст отступами, Используется для цитирования,
    и .... другую строку
    -*-
    *


    - принудительный перенос текста на другую строку
    clear="all" (left, right) - завершение обтекания текстом объекта
    -*-
    - Кнопка - запуск скрипта, сценария.

    Пример 1:


    <button onclick="window.print()">Печать этого файла</button>

    Пример 2:
    -*-
    *
    центрирование текста и объектов
    -*-
    *
    Для форматирования цитат и ссылок. Текст печатается курсивом

    -*-

    Классовые селекторы (Class Selectors):

    А что такое КЛАСС? =
    Класс - это сложная структура, включающая, помимо описания данных,
    описание процедур и функций, которые могут быть выполненены над представителем класса -
    объектом.

    Объект - представитель класса.
    Объект - это некоторая структура, соответствующая объекту реального мира, его поведению.
    (Математическая модель реального объекта. Их может быть великое множество.
    Например - модель стакана - Длина, Высота, Диаметр, и т.д. )


    ID= -
    Примеры:
      H1.blue {color:blue; size:20pt;}
  Все элементы H1 с атрибутом CLASS="blue" станут синими.

  Можно и так:
  .green {color:green;}
  В данном случае все элементы с атрибутом CLASS="green" станут зелеными
    -*-
    *
    Для показа текста-программы. Нагляднее смотрится.
       Для показа<code> текста-программы. </code>Нагляднее смотрится.
    -*-
    *

    <pre style="background-color:#AAAAAA;"> Выглядят так:
      Black    #000000;   Teal     #008080;   Purple   #800080;   Red      #FF0000;
  Navy     #000080;   Lime     #00FF00;   Olive    #808000;   Fuchsia  #FF00FF;
  Blue     #0000FF;   Aqua     #00FFFF;   Gray     #808080;   Yellow   #FFFF00;
  Green    #008000;   Maroon   #800000;   Silver   #C0C0C0;   White    #FFFFFF;
    Полное названия цветов есть тут:
    Подбор цветов
    -*-
    Нет параметров
    Пример -
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      - обозначает тип документа и формат. Облегчает распознавание другими
      программами этого файла. Указывает в начале версию стандарта HTML и язык
      документа. Рекомендую оставлять без изменений или заменить //EN на //RU :0)
     
    Читай - http://froland.ru/samodel/myart_js9.html - Подробно написано.
    Примеры из других сайтов
    <!doctype html>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN">


    -*-
     
     Отвечает за взаимодействие JavaScript с объектом документа(страницей)
     Является корневым элементом DOM-дерева страницы (объект типа DOMDocument согласно спецификации DOM)
     Описание, примеры
     
     В модели DOM объект document представляет XML и (X)HTML-документы.
     
     Он всегда реализует интерфейс Document и содержит методы и свойства дл всего документа, например document.documentElement.
     
     Кроме того, так как Document наследует интерфейс Node, то document предоставляет также методы DOM узла, такие как appendChild.
    Для (X)HTML-документов поддерживается интерфейс HTMLDocument, содержащий специализированные свойства и методы для HTML-документов. Например, document.cookie.
     
     
    ----------------
      echo=function(content){
    document.write(content);
    };

    -*-
    *
    Список с определением -

    Выглядит это так -

    первая.
    вторая.
    третья.

    код -   <dl title="когда мышкой навели">первая.<dd>вторая.</dd><dl><dd>третья.</dd></dl></dl>
    -*-
    DIV
    *
    см. в инете про DIV - выравнивание текста и объектов.

    align="center";"right";"left;"justify" - цент/пра/лев/оба края
    datafld="DATAFLD"
    datasrc="DATASRC"


    Пример 1.
    вот написал
     <div align="right" datafld="DATAFLD" dir="DIR" datasrc="DATASRC">вот написал<br>
    Пример 2.


    -*-
    *

    Составляется список из строк. вид Вот такой -
      верхняя строка без <br>
      первая строка. использовать с <dd>
    вторая строка.
      Уже см. выше <DD>.
    -*-
    *

    Составляется список с определениями, из строк. вид Вот такой -
      верхняя строка без <br>
      первая строка. использовать с <dd>
    вторая строка.
      Уже см. выше <DD>.



    -*-
    *

    Кроссбраузерный HTML звук и музыка
    на сайте для всех браузеров -- autostart="true"- вкл сам. <embed src="http://music.myradio.com.ua:8000/pesni-vysockogo128.mp3" hidden="false" loop="false" width="" height="100" align=""> </embed>

    такие объекты требуют подключения к браузеру специального модуля,
    который называется плагин, или запуска вспомогательной программы.
     <embed wmode="transparent" src="/js/player.swf?noinfo=yes&amp; 
 titles=&amp;soundFile=gimn_-_gimn_rossii_so_slovami_(zaycev.net).mp3"  
 type="application/x-shockwave-flash"  
 allowscriptaccess="always" allowfullscreen="true" width="290" height="30">




    -*-
    *

    Используется для акцентирования внимания, Выделяется курсивом. Emphasis-Выразительность текста
    Составление содержанияз ...


    -*-
    *

    Фильтры, применяемые к тексту.
    Читать подробнее про Visual Filters.

    Пример:

    <STYLE TYPE="text/css">
.AlphaFilter {filter : Alpha(Opacity="0"
  ,FinishOpacity="75",Style="2")}
</STYLE>
<P ALIGN="center">
<IMG ID="imgAlpha" src="C:/Me/Help/
       SetupGuideImage.JPG">
<P ALIGN="center">
<INPUT TYPE="button" VALUE="Применить фильтер" 
     OnClick="imgAlpha.className='AlphaFilter'">

    Отбросить тень от ткста!
    <DIV ID="divDropShadow" STYLE="width:240;height:30;font:bold 16pt Arial;
color:#336699;text-align:center" ALIGN="center"
>Отбросить тень от ткста!</DIV>


    -*-
    *
    <FONT
    COLOR=Цвет шрифта -color - цвет текста.
    FACE=string"Arial" - тип шрифта,- Arial,Verdina,Courier,Times New Roman,Times,Helvetica,Tahoma,Cosmic Sans, и др. CLASS=string
    ID=string
    LANG=string
    LANGUAGE=JAVASCRIPT | JSCRIPT | VBS | VBSCRIPT
    SIZE=string Если size="3", то размер(от size="-2" до size="+4")
    STYLE=string
    TITLE=string - "навел мышкой на title - выскочила, что это слово означает." <font title="title - навел мышкой - выскочило">title</font> - "навел мышкой - выскочило"

    event = script
    >

    См. образцы щрифтов - Standard Windows Fonts Знаки - Character Entity References

    Specifies a new font face, size, and color to be used for rendering the enclosed text.
    Управление шрифтом.

    Пример:
    Courier - Управление шрифтом
    Monotype Corsiva - Управление шрифтом
    Century Gothic Italic - Управление шрифтом
    Scrip - Управление шрифтом
    Bookman Old Style - Управление шрифтом
    Palatino Linotype - Управление шрифтом
    Calibri Italic - Управление шрифтом

    Написать любой знак из таблицы символов, десят.код - ®=&#174;
    Эти знаки Нельза использовать явно!) - - - - Спецсимволы
    В Ме - c:\Me\Config\Html4.tdb - macro:"WebLair^wl_Configure
    Примеры:
    font size="6" -Абсол- Не понял, как работает.
    font size="+1" -Шрифт по умолчанию.
    <p><font size="+1">Шрифт по умолчанию.</font>

    Шрифт Times New Roman
    <p><font size="3" face="Times New Roman">Шрифт Times New Roman</font>

    Шрифт типа Courier
    <p><font size=+1 face="Courier" title="Шрифт типа Courier">Шрифт типа Courier</font><br>

    -*-
    *
    Для внесения информации в форму используется элементы -
    <INPUT>
    <LABEL>
    <TEXTAREA>

    Это и есть поля, в которые вводится информация.
    Заполняются поля,(можно сбросить кн.СБРОС), а после нажатия кн.ПРИНЯТЬ, данные из заполненых полей
    и отправляются ОБРАБОТЧИКУ, в назначенное место, которое может находиться:

    1. Функция записана в этой кн.Принять.

    2. Функ. в тексте или в отдельном файле.

    3. Функц. на сервере.

    Forms - подробнее...
    Очень подробно. По англ.
    Отослать данные..по почте.
    Почтовая форма

    Форма в Учебнике Гончарова


    Примеры, что сам собрал.
    -*-
    Работает под FRAMESET,(там прмер прменения.) -
    определяет содержимое и вид одного фрейма

    marginheight="0" - ширина верхнего и нижнего полей фрэйма
    marginwidth="0" - ширинау левого и правого полей фрэйма
    scrolling="yes" (no, auto) - линейка прокрутки
    name="window-1" - имя фрейма
    noresize - запретить посетителю менять размеры фреймов

    Помни, что есть-
    IFrame - "плавающий" или встроенный фрейм.
    Для Iframe нам не нужно создавать фрейм-документ,
    и прописывать в нем фреймовую структуру нашей страницы.
    Iframe позволяет нам вставить один html-документ в другой html-документ.
    -*-
    Устанавливает область в окне браузера, для демонстрации другого документа.

    определяет макет основного окна в виде прямоугольных пространств
    rows="100,200,*" - определяет расположение горизонтальных фреймов
    cols="10%,20%,70%" - определяет расположение вертикальных фреймов
    border - определяет ширину рамок фрэймов в пикселах


    Пример из Учебнмка.
    -*-
    *

    заголовки

    (H1, H2, H3, H4, H5, H6)- от Большого 1 к Малому 6 
      <h3 onmouseout="this.style.color='red'" onmouseover="this.style.color='green'">заголовки</h3>
    -*-
    голова документа, обязательный тэг
    Здесь МОГУТ и должны находятся:


    TITLE
    - зАГОЛОВОК документа, виден в браузере.

    BASE - Задание базового адреса (URL) для ссылок.
    Это позволяет опускать начальную часть адресв в ссылках документа.
    <BASE href="file://E:\..">

    META
    - Кодировка документа.


    LINK


    OBJECT


    SCRIPT


    STYLE
    -*-
    линия
    align="right" (center или left)
    width="30%" (ширина линии в процентах)
    size="6" (толщина линии)
    NoShade (отмена объемности)
    color="cc0000" (цвет линии, только в IE)
    Пример 1. Сделай линейку в пикселях.
     <hr align="left" size=10 width=100 title="Длинна 100 пикс. Ширина - 10 пк." color=Silver noshade>
    -*-
    указывает на тип документа, обязательный тэг
    
   Указания для браузеров делать так-

       <!--[if IE 8]>
       <html xmlns="http://www.w3.org/1999/xhtml" class="ie8 wp-toolbar"  lang="ru-RU">
       <![endif]-->
       <!--[if !(IE 8) ]><!-->
       <html xmlns="http://www.w3.org/1999/xhtml" class="wp-toolbar"  lang="ru-RU">
       <!--<![endif]-->
    -*-
    - выделение текста курсивом
    -*-

     ID - выполняет функции уникального имени объекта (документа, формы и т.д.).
    т.е. - индивидуально именованный стиль.
    В зависимости от типа элемента, этот элемент выполняет различные функции:
    Для связи функции с объектом документа.
    C его помощью можно создавать стилистические исключения cреди элементов одного класса.
     ID селекторы (ID Selectors):
     
     Cинтакс:
     #id {свойства}

    Про CLASS= ; ID= и др, подробнее...Селекторы (Selectors)
     

    Индификаторы используются в основном для придания одному или нескольким элементам одного класса индивидуальных свойств.


    Пример, как я догадался, что нужно применить ID=



    -*-
    "плавающий" фрейм
    Для Iframe не нужно создавать фрейм-документ, как для frame.
    и прописывать в нем фреймовую структуру страницы.
    Iframe позволяет вставить один html-документ в другой html-документ.
    src = "путь к подгружаемому документу"
    Можно и мой вставлять из Гугла диска и вообще из любого места. -

    width="300" - ширина "плавающего" фрейма - уменьшаеться вся картинка.
    height="250" - высота "плавающего" фрейма
    scrolling="auto" (yes, no) - полоса прокрутки
    frameborder="1" (0) - отображать или нет границы фрейма
    allowfullscreen - На весь экран?

    Пример 1: Вспомню молодость... 1970 год. - показать из инета.
      <iframe width="640" height="360" 
  src="http://www.youtube.com/embed/8LhkyyCvUHk?feature=player_detailpage" 
  frameborder="0" allowfullscreen></iframe>

    Пример 2: Показать файл с Гугол-Диска
     <iframe src="https://docs.google.com/file/d/0B5FhdNQUHEWhcWNVT1pBTW9DVXM/preview?pli=1" width="640" height="400"> 
 </iframe>



    Пример 3: Показать другой HTML файл - удобно, для справки =


    Код:
     <iframe width=404 height=270 src="d:\kHelp\HTML\Easter.htm" scrolling="auto"></iframe> 
 <br>


    -*-
    подгрузка изображений (картинок, видео)

    <img src="goole01.jpg" width="1280" height="802">

    -

    <img src="http://www.denwer.ru/logo.gif?ok=Base" style="float:right; margin-right: 1em"> - ПЛАВАЯЩАЯ

    Устанавливают значения отступов вокруг элемента.

    Пример IMG { margin-left: 20pt margin-right: 20pt margin-top: 20pt margin-bottom: 20pt}
    <img align="Вместо картинки" src="C:\Me\HTML\screenshot_12.jpg" title="Пояснение к Картинке">

    Программой - %windir%\system32\mspaint.exe
    alt=img 100 x 100 pic. пример 2.

    border="5" - рамка вокруг картинки
    width="500" - ширина
    height="100" - высота
    align="left" - где картинка от текста
    vspace="10" - расстояние от картинки до текста по вертикали
    hspace="30" - расстояние от картинки до текста по горизонтали
    alt="описание картинки" - рисуется вместо, если она не найдена, или нельзя.
    title(style) = Эта надпись Выскакивает при наведении курсора на него.
    usemap="#karta1" - ссылка на карту


    Фильтры, применяемые к изображению.



     Пример 1:
  <A href="#*"><IMG SRC="img01.gif" ALT=""></a><br>
 
 Пример 2:
<img align="left" width=100 height=100 name="name 100x100" 
alt="alt=img 100x100 пример 2.  " border=2 start="start" 
src="src.gif" title="title - style" hspace=10 vspace=10>


    -*-
    *
    Этот элемент позволяет создавать различные части формы.-
    Смотри ранее FORM. Использовать с ней.
    ---
    Конечного тега нет, все определено, атрибутами:
       type=   - button   - любая кн.
                      submit -ПОД.  reset- СБРОС 
                       text;  radio  и др.
   
   name=r1 - имя переменной, для получения данных.(кроме кн. ПОДТ. и СБРОС)
   
   value=1 - Надпись на кнопке./ Начальное значение переменной/метка нажатия./
                         /НОМЕР РАДИОКНОПКИ   БОЛЬШЕ ЕЁ ЗНАЧЕНИЯ на 1

   style="border:1px #707070 solid; background:white;font-size:11px;"
                         Размеры кнопки, и др. УСТАНАВЛИВАЮТЬСЯ СТИЛЕМ
   tabindex="0"


    Примеры -


    - запуск функции.
    - Только показывать.
    Размеры кнопки, и др. УСТАНАВЛИВАЮТЬСЯ СТИЛЕМ



    Ввод данных. -
    Установить флажок - checkbox
    Кликни по button
    Файл, привязанный к этой форме:
    Радио-кнопки ( 3 шт.):
    Код, этих примеров:
        <INPUT type=text size=15 name=VR value="Только показать," readonly><BR>
    <INPUT> Ввод данных. -<br>
    Установить флажок - <INPUT type="checkbox"> checkbox<br>
    Кликни по <INPUT type="button" size=100 name="" value="
    Надпись"> button <br>
    Файл, привязанный к этой форме: <INPUT type="file" size=40 maxlength=120><br>
    Радио-кнопки ( 3 шт.): <INPUT type="radio" name="var01" 
    value="первая" checked=""><INPUT type="radio" 
    name="var01" value="вторая"><INPUT type="radio" name=
   <br>

    и так далее... Как принять из формы значение? См.
    Пример 

         <form name="FEXA">  
          <input type="text" name="stS" value=''><br>
     </form>
    
     <script language="javascript">
     //  Получить данные, из поля формы -
         var s = document.FEXA.stS.value;
     //  вывод результата -
         document.FEXA.stS.value = s;
     // Увеличиваю размер поля вывода:
         document.FEXA.stS.size = 40;
     </script>

    -*-
    Java Про -Язык
    -*-
     <SCRIPT LANGUAGE="JavaScript">
     <!--
     alert("Добро пожаловать !")
     //-->
     </SCRIPT>
     
    Подробнее...
    -*-

    -*-
    Элемент формы -
       <LABEL for="imya1">Имя: </label>

    -*-
    *
    определяет
  • элемент списка
    		•
    -*-
      Отличие от <A> - элемент <LINK> используется в заголовке страницы,
    как и элемент STYLE , указывает на файл, в котором стили записаны.
      <LINK REL="stylesheet" TYPE="text/css" 
    HREF="C:\Me\HTML\TestCSS.css">
      REL=
    т.е. внутри элемента <HEAD>= Подробно, про линк - LINK
    -*-
    определяет клиентскую навигационную карту
    name="karta1" - имя карты
    -*-
    *
    бегущая строка текста (только IE)

     этот код: - <MARQUEE align="middle" width=400>

    bgcolor - цвет фона бегущей строки
    height - высота строки
    width - ширина строки
    behavior="scroll" обычная прокрутка
    behavior="slide" - строка пробегает до края и останавливается
    behavior="alternate" - строка будет двигаться от края к краю
    scrollamount="1" (1-10) - скорость движения строки
    direction="left" (right, up, down) - движение влево (вправо, вверх, вниз)
    -*-
    <meta http-equiv="Содержимое-Тип" content="text/html; charset=windows-1251">
    - это есть указание, в какой кодировке отображать, тогда видно вполне нормально.
    Если первые три байта файла = п»ї или ( EF BB BF ), то Кодировка =UTF-8
    Сейчас переходят многие на эту. Удобно.
    Быстрое преобразование? Программой - AkelPad

    Если не хочу, чтобы роботы не индексировали одну из страниц сайта, на ней пишу мета-тег:
    <meta name="robots" content="noindex, nofollow">
    в этом случае не будет индексироваться и эта страница, и страницы по ссылкам с нее.

     Кодировка документа.
 <meta http-equiv="Content-Type" 
  content="text/html; charset=windows-1251" />
 <meta http-equiv="Content-Type" 
  content="text/html; charset=utf-8" />
 <meta http-equiv="Content-Type" 
  content="text/html; charset=UTF-8" />
    

 Что делать?
 <META HTTP-EQUIV="Content-Type" 
   Content="text/html; Charset=Windows-1251">
 <META Name="copyright" 
   Content="Кочелев Владимир">
 <META NAME="author" 
   CONTENT="Кочелев Владимир e-mail: kovladmi@gmail.com">
 <META NAME="keywords" CONTENT=" 
  ответ, проект, ступени, словарь"> 
 
 <META NAME="description" CONTENT="дизайн, графика, 
 html, хтмл, реклама, размещение в сети интернет, продвижение, поддержка сайта. 
  пособия и статьи, ">

 создать мета-теги 
 <meta name="Description">, 
 <meta name="Keywords"> и 
 
 Название:  в Меню/ Файл/ Свойства страницы/ 
     Основные свойства - в окне "Название"
 Кодировка: в Меню/ Файл/ Свойства страницы/ Язык/ Кодирование HTML - 
   "Сохранить документ как" выбрать "Кириллица"
 
 Другие примеры:
 <meta property="fb:app_id" content="384374638274208"/>
 <meta property="og:type" content="website"/>
 <meta property="og:url" content="http://slando.ua"/>
 <meta property="og:site_name" content="Slando.ua"/>
    теги данной страницы выглядят:
     <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta name="author" content="Al">
 <meta name="description" content="Советы">
 <meta name="copyright" content="Alex">
 <title>Создание страниц</title>
 </head>

    -*-
    *
    Нет переноса на другую строку - пользуйся полосой прокрутки.
    -*-
    *
    упорядоченные списки
    type="I" (i, 1, a, A) - стиль элемента списка

    1. первая
    2. вто
      рая
    3. третья

    код-
     <ol dir="ltr" type="a" start="" compact><li>
 первая <li>вторая<li>третья</ol>
    -*-
    *
    Определяет строку в Выпадающий списоке.-
    Смотри SELECT. Использовать там.
    -*-
    *

    align="center" - цент;"right";"left";"justify"

    Для создания отступов можно использовать прозрачный .gif размером 1х1 пиксел,
    используя теги HSPACE и VSPACE для достижения нужной цели. Второй способ создания отступов, писать тег <p>
    следующим образом:
    <p style="text-indent: 20"> - где цифра определяет величину отступа в пикселах.

    параграф, - выравнивание текста и объектов? рисунков.

      </p> - в конце, не обязательно ставить. До Пустой сторики.


    А бывает и полезно ставить именно<p> в конце строки, тогда <br> не нужен.

    Вот так выглядят две рядом строки, на конце которых<p>
    -*-
    * 
      как есть.
  форматиро
    ванный      текст
    -*-

    Обозначение цитаты, внутри абзаца.Тоже, как и <BLOCKQUOTE>
    Атрибут cite="URL_источника цитаты";

    Примерно - так выглядит отступ, удобно применять...
    -*-
    *
    перечеркнутый текст
    -*-
     Сценарии, написанные на языке javascript,
    могут располагаться на самой html-странице между тегами
    <script> </script>, которые в свою очередь
    обычно находятся в тегах <head></head>.
    <script> у него могут быть следующие атрибуты:
    language -
    type
    <script type="text/javascript">
    Атрибут type, который указывает на тип текста: text/javascript. Он появился в версии HTML 4.0. Его-то я и рекомендую использовать.
    src - Работает он так же, как и аналогичный атрибут тэга <img>:
    <script type="text/javascript" src="scripts/ myscript_1.js"></script>
     <script type="text/javascript" src=".js" charset="windows-1251">
 </script>

    Запуск скрипта

    1/ <button> - Кнопкой
    2/ Из FORM - Формы.

    Справочник по JavaScript
    -*-
    *
    Селектор
    Этот элемент позволяет создавать выпадающий список.
    Смотри ранее FORM и OPTION.Использовать так:
    отправка данных в файл select1.php:

    -*-
    *
    выделение текста более мелким шрифтом, чем основной
    -*-
    *
    Если не стандартные атрибуты используються.
    -*-
    *
    перечеркнутый текст
    -*-
    *

    Для сильного выделения.Используется, как правило, полужирный шрифт - текст


    -*-


    Описания стилей находятся в тегах <STYLE></STYLE> и размешаются между тегами <HEAD></HEAD>.
    CSS - СТИЛИ, Таблица стилей. Описания стилей...
    Про CLASS= ; ID= и др, подробнее...Селекторы (Selectors)

    Пример1

    Пример2

    И т.д. См. подробнее ЗДЕСЬ.



    Пример - менять цвет СТРОКИ или надписи на кнопке-

    <h3 onmouseout="this.style.color='black'" 
onmouseover="this.style.color='red'">
Пример - менять цвет надписи на кнопке-</h3>


Для кнопки:
<input type="button" value="Жми" 
onClick="funct(4)"; onMouseOver="style.color='blue'"
 onMouseOut="style.color='black'">
 

Это -
<P STYLE="filter:Mask(Color='Red'); width: 200; height: 28; 
 font-size: 16pt; font-weight: bold; text-align: center;"
 > Пример1 </P>
<P STYLE="filter:Shadow(Color='#000000', Direction='130'); width: 200; 
 height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: 
 Red;"> Пример2 </P> 
    



=======  Заготовка страницы -
 <html>
 <head>
 <title> Пример CSS </title>
 </head>
 <style>
 .blue {color:blue; font-style:italic}
 #boldunderline {text-decoration:underline; font-weight:bold}
 </style>
 <body>
 <p class="blue"> Здравствуйте, это моя домашняя страница. </p>
 <p class="blue" id="boldunderline"> 
Пока еще в стадии разработки ... </p>
 <p id="boldunderline">... Но скоро откроется </p>
 </body>
 </html>
    -*-
    *
    нижний индекс.
    -*-
    *
    верхний индекс.
    -*-
    *

    Atributes:
    • align= горизонтально - left,right,center,justify -
    • valign= вертикально -как разместить в= ,top,center,bottom -
    • dir= направление текста= ,ltr,rtl -
    • width="50" или width="50%"- ширина таблицы
    • height="45" или height="45%"- высота
    • hspace= -
    • vspace= -
    • cols= -
    • cellpadding="5" - расстояние внутри ячеек
    • cellspacing="5" - расстояние между ячейками
    • bgcolor="#FFCC33" - цвет фона (строки, ячейки)
    • border="3" - задает толщину рамки
    • bordercolor="#000000" - задает цвет рамки
    • bordercolordark="#000000" - задает цвет
    • bordercolorlight="#000000" - задает
    • clear="#000000" - задает цвет
    • nowrap="#000000" - задает цвет
    Advanced:
    • LANG =
    • LANGUAGE =
    • BACKGROUND =
    • FRAME = void,above,below,hsides,lhs,rhs,vsides,box
    • RULES =
    • SUMMARY =
    • DATAPAGESIZE =
    • DATASRC =
    Image:
    • background="картинка.gif" - задает фоновый рисунок
    Events:
    Style:

    Общая ширина таблицы для размещения большой массы текста не должна превышать 770 пиксел (для страниц без фреймов). Второй метод размещения текста в таблице.


    Таблица, сделанная автом, AnVir
    Таблица, серая - 3 колонки х 1 ряд.
    И см. другие примеры.

    Подробнее...
    Задает таблицу. Для примера текст вот:

    <table border=2>
      <tr>
      <th>Ячейка 1.</th>
      <th>Ячейка 2.</th>
      </tr>
      <tr>
      <td>Ячейка 3.</td>
      <td>Ячейка 4.</td>
      </tr>
      <tr>
      <td>Ячейка 5.</td>
      <td>Ячейка 6.</td>
      </tr>
      <tr>
      <td>Ячейка 7.</td>
      <td>Ячейка 8.</td>
      </tr>
      </table>
     А выглядит она так: -
    Ячейка 1. Ячейка 2.
    Ячейка 3. Ячейка 4.
    Ячейка 5. Ячейка 6.
    Ячейка 7. Ячейка 8.
    -*-
    <TEXTAREA> - Элемент формы. Поле для ввода текста, примерно так -
     <TEXTAREA name="text01" rows=5 cols=30></textarea>
    -*-
    *
  • Ячейка данных таблицы

    align="center" (right, left) - горизонтальное выравнивание содержимого
    valign="middle" (top, bottom) - вертикальное выравнивание содержимого
    bgcolor="#FFCC33" - цвет фона
    background="картинка.gif" - задает фоновый рисунок
    width="50" или width="50%"- ширина
    height="45" или height="45%"- высота
    colspan="2" - растянуть ячейку на несколько стобцов
    rowspan="2" - растянуть ячейку на несколько рядов
    cellspacing="5" - расстояние между ячейками
    Пример, простой таблицы 1х1 из одной ячейки.
    Ячейка
    Код:
       <table width=100 height=50 border=10 bgcolor=Yellow>
        <td align="center" bgcolor=Lime>
                 Ячейка
        </td>
   </table>
    • -*-
    *
    		Заголовок столбца или строки таблицы.
    Должен быть внутри элемента <tr>;
    -*-
    заголовок документа
    -*-
    В JavaScript есть специальное слово, this, которое можно использовать внутри метода, чтобы ссылаться на текущий объект.

    Например, предположим у вас есть функция называемая validate, которая проверяет свойство объекта value, переданного ей, и если не соблюдены условия, то табло об ошибке: 
      <script language="javascript">
  function validate(obj, lowval, hival) {
  if ((obj.value < lowval) || (obj.value > hival))
    alert("Число должно быть от 5-ти до 10-ти !");
  }
  </script>
    Пример: Вводи число - 
      <input type="text" name="age" size="10" 
    onChange="validate(this, 5, 10)">
    Когда вызывается validate в каждой из форм в обработчике события onchange, используется this, чтобы передать этот элемент.
    Обрати внимание - значение в поле сохраняется при перезагрузки страницы!
    В общем, this ссылается на объект вызвавший метод.

    Значение this в JavaScript не зависит от объекта,
    в котором создана функция. Оно определяется во время вызова.
    - для ссылки на объект.

    Пример применения this для FORM
    - указываею но то что функции
    "местные", "здешние" - применяются к полям этой формы (объекта).
    Отметьте правильные адреса электронной почты-
    Петров@mail.ru
    ivanov_s@inbox.ru
    ptr@mail.ru
    kta_an#mail.ru
    user@com
    _sacha@rambler.ru
    -*-
    *

    <TR> - Определяет строку таблицы Конечного тега НЕТ. Можно не ставить!.

    bgcolor="#FFCC33" - цвет фона
    background="картинка.gif" - задает фоновый рисунок
    width="50" или width="50%"- ширина
    height="45" или height="45%"- высота
    <TR>...</TR> Задает строку ALIGN = "выравнивание" Выравнивание текста по горизонтали во всех ячейках строки
    таблицы Может принимать значения LEFT, RIGHT и CENTRE

    VALIGN = "выравнивание" Выравнивание текста по вертикали во всех ячейках строки
    Может принимать значения MIDDLE, BOTTOM и TOP
    -*-
    *
    шрифт пишущей машинки (моноширинный)
    -*-
    *
    Добавляет, воспроизводит и управляет настройками видеоролика на
    веб-странице. Путь к файлу задается через атрибут src или вложенный
    тег <source>.
    Читать подробнее в инете...


      Синтаксис
          <video> 
             <source src="URL"> 
          </video> 
  Атрибуты
     autoplay - Видео начинает воспроизводиться автоматически после загрузки страницы.
     controls - Добавляет панель управления к видеоролику.
     height - Задает высоту области для воспроизведения видеоролика.
     loop - Повторяет воспроизведение видео с начала после его завершения.
     poster - Указывает адрес картинки, которая будет отображаться, пока 
                       видео не доступно или не воспроизводится.
     preload - Используется для загрузки видео вместе с загрузкой веб-страницы.
     src - Указывает путь к воспроизводимому видеоролику.
     width - Задает ширину области для воспроизведения видеоролика.
     Закрывающий тег - Обязателен.
    Пример
       <video width="400" height="300" controls="controls" 
      poster="video/duel.jpg"> 
     <source src="video/duel.ogv" type='video/ogg; 
      codecs="theora, vorbis"'> 
     <source src="video/duel.mp4" type='video/mp4; 
        codecs="avc1.42E01E, mp4a.40.2"'> 
     <source src="video/duel.webm" type='video/
        webm; codecs="vp8, vorbis"'> 
     Тег video не поддерживается вашим браузером.  
     <a href="video/duel.mp4">Скачайте видео</a>. 
   </video>
    -*-
    *
    Это подчеркнутый текст
    -*-
    *
    неупорядоченные списки
    type="disk", "circle", "square" - стиль элемента списка
    • первая
    • вт
      орая
    • третья
      код - <ul dir="ltr" type="disc"><li> первая<li>вт<br>орая<li>третья</ul>
    -*-
    *
    Давно устаревший элемент. Только в ЖЖ встретился.
      Использовать вместо него <PRE>
    Выделение частитекста
    Код:
      <xmp>Выделение части</xmp>текста<br>
    -*-

    Примеры и часто нужные...
    Окна с сообщениями.

    Делать отступы

    =
    первый
    второй
    третий

    Код:
      <dl>первый<dd>второй</dd><dl><dd>третий</dd></dl></dl>

    Таблица - 1x1

    Ячейка 1. 

      <a href="#tsl">Вернуться...</a>

   <h3>· Таблица -    1x1</h3>
    <table border=2 valign="top" width="640" bgcolor="#DDDBD2">
        <tr>
          <td>
          
          Ячейка 1.
          
          </td>
       </tr>
     </table>


    c:\Me\Help\Help4ht.TXT - Примеры не простой текст, а описание на БЕНДЕР.
    Смотри, там примеры - И этот текст смотри.
    C:\Me\Src\Txt2Htm.s - Преобразование простого текста/блока, в пригодный для html файла.
    Заготовка
    *^*



    Радио на сайте. Radio - Установить на сайт.
    Читай в http://radio-online.com.ua/radio_na_site.php
    Размеры блока онлайн радио 240х350px.
    Установить в нужном месте страницы такой
    Код:
    
Радио Киев:
<div id="RO_Kiev" style="text-align:center;width:240px;background:#fff;">
<a href="http://fmradio-online.ru/ua.php" id="aRK">
Слушать радио онлайн</a>
</div>
<script type="text/javascript" src="http://
fmradio-online.ru/scripts/rnsK.js" charset="UTF-8">
</script>

или для - Москва-
<div id="RO_Moskva" style="text-align:center;width:240px;background:#fff;
"><a href="http://fmradio-online.ru/" id="aRM">
Слушать радио онлайн</a></div><script type=&quo
    Код для вставки блока онлайн радио на сайт.
    Этот код пробовал изменить
    Просто строчки переместить, - не работат радио.
       <!--НАЧАЛО БЛОКА РАДИО ОНЛАЙН-->
   
  <style type="text/css">
   #ro_block h2 a { background: #800000; color: #ffffff; font: normal bold 16px Arial, 
   Verdana; text-decoration: none;}
   #ro_block h2 a:hover { text-decoration: underline;}
   </style>
   
   <div id="ro_block" align="center">
   <h2 id ="ro_h2">
   <a href="http://radio-online.com.ua/" target="
   _blank">Радио онлайн</a></h2>
   <div id="ro_player">
   </div>
   <div id="ro_img">
   </div>
   </div>
   <script type="text/javascript">var roMyRad = "2,7,9,6,5,10"
   , roBlockWidth = 240, roImgKol = 3;
   </script>
   <!--КОНЕЦ БЛОКА РАДИО ОНЛАЙН-->
   <script type="text/javascript" src="http://
   radio-online.com.ua/scripts/rns.js" charset="windows-1251">
   </script>
    Таблица, сделанная автом.
    N
    1Процессwiaacmgr.exe
    2ID процесса8480
    3ПутьC:\WINDOWS\system32\wiaacmgr.exe
    4Командная строкаC:\WINDOWS\system32\wiaacmgr.exe -Embedding
    5Старт процесса27.08.2013 18:34:45.484
    6Автозагрузка 
    7РесурсыЦП-0%, Память-8 MB, Pagefile-2 MB, Диск-0 K/s
    8Имя пользователяSAMLAB\Администратор
    9Приоритет8 - Средний
    10Родитель836 - svchost.exe
    11Заголовок окнаМастер работы со сканером или цифровой камерой
    12Системный трей 
    13КомпанияКорпорация Майкрософт



    Вернуться...

      <a NAME="dr">отметить место в документе</a>
      <a HREF="#dr">перейти на это место</a>

    Подготовка размеров рисунков -
    Для Тел - размер - 128 х 128 точек. 24 бит.

    Таблица, серая - 3 колонки х 1 ряд. Вернуться...

    Три примера:

    1. Таблица шириной 760 пиксел




    Этот код:
    <table border=0 bgcolor="#E4E4E4" bordercolor="
  #E4E4E4" width="760">
  <tr bgcolor="#E4E4E4">   <!--  Ряд первый--> 
   <td width="15%"><!-- Ячейка 1. -->
    </td>
   <td width="70%"><!-- Ячейка 2. -->
              <br>
              <br>
    </td>
   <td><!-- Ячейка 3. -->
    </td>
  </tr>
</table>

    2. Таблица шириной 800 пиксел

    3. Таблица для фрейма, шириной 640 пиксел Таблицы Вернуться...

    Таблица - 1x1

    Ячейка 1. 

      <a href="#tsl">Вернуться...</a>

   <h3>· Таблица -    1x1</h3>
    <table border=2 valign="top" width="640" 
       bgcolor="#DDDBD2">
        <tr>
          <td>
          
          Ячейка 1.
          
          </td>
       </tr>
     </table>
     

       <h3>· Таблица -    1x2</h3>
    <table border=2 valign="top" width="640" 
     bgcolor="#DDDBD2">
        <tr> 
        
          <td>
           Ячейка 1    
               </td>
          
          <td valign="top">
           Ячейка 2.
              </td>
       </tr>
     </table>

    Таблица - 1x2

    Ячейка 1 Ячейка 2. 

       <h3>· Таблица -    1x2</h3>
    <table border=2 valign="top" width="640" bgcolor="#DDDBD2">
        <tr> 
        
          <td>
           Ячейка 1    
               </td>
          
          <td valign="top">
           Ячейка 2.
              </td>
       </tr>
     </table>

    Таблица - 1x3

    Ячейка 1. Ячейка 2. Ячейка 3. 

        <table border=2 valign="top" width="640" bgcolor="#DDDBD2">
        <tr>
          <td>
          Ячейка 1.     
               
               </td>
          <td valign="top">
            
          Ячейка 2.
              </td>
       
          <td valign="top">
            
          Ячейка 3.
              </td>
       
       </tr>
     </table>


    Пример строки.
     <FONT FACE="Times New Roman Cyr" SIZE=1 COLOR=#388542>
    
 <HR><DL><A HREF="http://news.bbc"><h3>Ссылка Первая<
/h3></A><DD>под строкой вторая строка и далее просто длиная строка и продолжение и 
еще продолжение и что бы ещё написать  незнаю вот незадача  18/03/1
    
 </FONT>
    
 <HR><DL><A HREF="d:\MP3player\A-Book\Саргон.mp3"><FONT SIZE=5>
Саргон</FONT></A><DD>Рассказ про первого царя в истории<br>А жил ни в -30 веке.
</DD></DL>


    Пример таблицы и формы.

    Вернуться...



    Описание кнопок управления:
    Бегущая строка... Вверху...
    Выбрать 1.
    Выбрать 2.
    Выбрать 3.
    Код: 
    
 <table width=30% border=5 bordercolor=#EEE003 cellspacing=2 cellpadding=2>
    <marquee bgcolor= "gold" height=50 behavior="alternate"
    Бегущая строка... Вверху...
    </marquee>
 
    <tr>
      <td width=40 align=center><img src="ris1.bmp"></td>
      <td><font size=2 color="#000000">Выбрать 1.</td>
    </tr>
 
    <tr>
        <td width=40 align=center><img src="ris1.bmp"></td>
        <td><font size=2 color="#000000">Выбрать 2.</td>
    </tr>
 
    <tr>
        <td width=40 align=center><img src="ris3.bmp"></td>
        <td><font size=2 color="#000000">Выбрать 3.</td>
    </tr>
 
 </table>
    Вернуться...
    *^*

    <ТН>...</ТН> Задает заголовок ALIGN = "выравнивание" Выравнивание по горизонтали текста в ячейке
    строки или столбца Может принимать значения LEFT, RIGHT и CENTRE
    таблицы VALIGN = "выравнивание" Выравнивание по вертикали текста в ячейке
    Может принимать значения MIDDLE, BOTTOM и ТОР
    WIDTH = число (проценты) Ширина ячейки в пикселях или процентах от ширины таблицы
    HEIGHT = число (проценты) Высота ячейки в пикселях или процентах от высоты таблицы
    COLSPAN = число Количество столбцов таблицы, захватываемое по ширине данной ячейкой
    ROWSPAN = число Количество строк таблицы, захватываемое по ширине данной ячейкой

    Вернуться...
    <TD>...</TD> Задает ячейку Аналогично тегу <ТН> Аналогично тегу <ТН>
    *^*

    Пример:

    Вернуться...


    Калькулятор
    calc.exe - Калькулятор ( работает в Win7 - удобно, и даты считает )
     72 часа = 259 200 секундам<br>
    Вставить - календарь. Код вставки:
      <br>
 <a href=http://www.calend.ru/ target=_blank>
 <img src=http://www.calend.ru/img/export/informer.png width=189 alt="
  Информер праздники сегодня" title="Праздники сегодня" border=0>
 </a>
     
    Вернуться...


    *^*

    Справочники в инете. Запускать в Опере.

     https://developer.mozilla.org/ru/docs/JavaScript/Guide/Working_with_Objects -объекты<br>
     http://javascript.ru/tutorial/object/intro
     http://habrahabr.ru/post/11673/
     http://habrahabr.ru/post/11673/ -- методы.
     
     <h4><a href="#SpravInet">SpravInet -- В инете смотреть.</a></h4>
      <a href="http://www.site-do.ru/js/js4.php">Инет. справочник.</a>
      <a href="http://javascript.ru/tutorial/foundation/start">javascript</a> - Учебник в инете. <br>
      <br>
      <li><a href="http://pyramidin.narod.ru/html401/index.htm" target=" _blank">В инете -</a> Спецификация HTML 4.01 (Перевод)<br>
     
     

    ----------------
     Программы для копирования с экрана Сохранил -
     C:\Users\Dell\Downloads\setup_Fraps_3.4.7.exe - стара
     C:\Users\Dell\Downloads\setup_Fraps_3.5.99.exe - последняя версия.
    Вернуться...


    *^*

    100

     *^*
    INDEX
    Copyright ©kvm- 2015-2023 гг.
    • Подписаться на: Сообщения ( Atom )