Справочные материалы для создания сайта

 
 

Уроки по HTML

 

Урок 1

HTML (HyperText Markup Language) - это язык гипертекстовой разметки. Он применяется для создания
web-страничек (файлов типа htm, html, dhtml, shtml), для создания тех самых страничек, которые вы
просматриваете в Интернете в своем браузере (Internet Explorer / Nestcape Navigator). Язык гипер-
текстовой разметки появился и развивался вместе с появлением и развитием глобальной компьютерной се-
ти Интернет, потому что он в первую очередь ориентировал на использование в Интернете. Когда вы в
своем браузере загружаете web-страничку, то браузер выполняет команды, записанные на языке HTML и,
подчиняясь им, выводит на экран страничку. HTML - это язык тегов. Теги, окружающие некий текстовый
(или графический) раздел, определяют, какие параметры имеет данный текст (или рисунок): большой или
маленький размер, жирный текст или курсив, выравнивание слева или справа, какого он цвета и т.д.
Кроме того, теги задают расположение объектов на странице. Все теги записываются в угловых скобках
<>. Большинство тегов имеют открывающийся элемент <> и закрывающийся , между которыми находится со-
держимое, к которому применяется этот эффект. Документ должен начинаться тегом и заканчиваться зак-
рывающим тегом . Эти теги показывают, что это документ в формате HTML. Он должен содержать две час-
ти: заголовок (HEAD) и собственно документ (BODY). То есть между строчками и должны находится теги.
В заголовке определяется кодировка страницы (как правило, KOI8-r или Windows-1251), название стра-
нички (то, которое показывается в заголовке окна), информация об авторе, местонахождении страничке в
Интернете, информация для поисковых машин и т.д. Таким образом, страничка структура странички имеет
вид:
< HTML>
< HEAD>
{ заголовок страницы }

<BODY>
{ тело страницы }


Сайт создан в системе uCoz



- Кстати, теги можно писать и строчными, и прописными буквами. Для броузера это безразлично. Это
имеет значение лишь при написании Java-скриптов, VB-скриптов.



Урок 2

Комментарии заключаются между  . Они могут находиться в любом месте web-странички. Все,
что находится внутри этого тэга, будь то элемент или текст - будет проигнорировано браузером: не бу-
дет обрабатываться и выводиться на экран, браузер не будет тратить время на считывание. Однако ком-
ментарии влияют на размер файла странички.
Пример:


Note: Не ленитесь комментировать все, что написали. Это волшебное правило сэкономит вам немало вре-
мени при попытке разобраться в собственном творении пару месяцев спустя.


Урок 3

Для определения кодировки странички вставьте между тегами < HEAD > и  одну из следующих стро-
чек:
 - для Windows-1251 ко-
дировки (в этой кодировке вы можете писать код странички в "Блокноте", используя как русский, так и
английский язык; эта кодировка наиболее предпочтительна).
 - для KOI8-r кодировки (как
правило, эта кодировка используется визуальными HTML-редакторами, открыв документ этой кодировки в
"Блокноте", вы увидите лишь какие-то какарули, однако некоторые серверы работают лишь с этой коди-
ровкой, например сервер Chat.ru, тогда вам придется использовать специальные перекодировщики, напри-
мер Shtirlitz for Windows '95).


Урок 4

Для задания названия странички, которое будет отображаться в заголовке окна браузера, используются
теги < TITLE > . Между ними помещается текст названия странички. Не забывайте, что эта конс-
трукция должна находится внутри тегов < HEAD> < /HEAD >.
Например:
< TITLE > Все для веб-дизайна 

Note: Название указывается только один раз, поэтому в этом теге как можно точнее сформулируйте ос-
новную тематику сайта. Также содержимое этого тега анализируется поисковыми машинами.


Урок 5

    Очень большое количество людей находят сайты с интересующей их информацией с помощью поисковых
машин (Яndex, Aport и др.), поэтому важно наличие некой специальной информации для поисковиков. Для
документов HTML кроме обычного текста теперь, как правило, индексируется также и содержимое ряда по-
лей. К ним относятся: заголовок документа (TITLE), описание страницы (Description), ключевые слова
(Keywords), подписи к картинкам (ALT ), комментарии (COMMENT), ссылки (A HREF), а также слова, раз-
мещенные в начале страницы.
    В заголовке документа (между тегами  и ) должно находится, помимо названия (TIT-
LE), описание страницы (Description) и ключевые слова (Keywords). Содержимое этих полей нигде на ва-
шей страничке не отображается, эта информация специально предназначена для правильного индексирова-
ния вашего сайта поисковыми машинами. Остальные используемые для поиска поля находятся внутри тела
документа (между тегами  и 

Сайт создан в системе uCoz

) и мы их рассмотрим позже.
    Вот пример, учитываемые поля выделены синим цветом (замените их в соответствии с содержанием ва-
шего сайта):
< head >
< title > Здесь впишите название Вашей страницы < /title >
< meta name="description" content="Здесь впишите краткое содержание (аннотацию)" >
< meta name="keywords" content="Здесь через запятую впишите Ваши ключевые слова" >
< /head >
Урок 6
< meta name="GENERATOR" content="FrontPage Express 2.0" >
- вообще то за тэгом может идти любой параметр name и любое значение этого параметра content . Самый
распространенный параметр это GENERATOR которые несет информацию об имени HTML-редактора, в котором
была сделана страница.
< base href="http://web.holm.ru" >
здесь обозначается базовое место страницы в Интернете. Вообще-то это место и так автоматически обоз-
начается, но если вы хотите резко поменять местоположение путей, то этот тег понадобится, а так не
употребляйте его.


Урок 7

Существуют дополнительные параметры тега < BODY>, которые указываются в открывающемся элементе тега.
BGCOLOR - цвет фона
(например: < BODY BGCOLOR ="#FFFFFF" >)
BACKGROUND - картинка фона или текстура
(например: < BODY BACKGROUND="fon.gif" >)
- указав BGProperties=fixed при прокрутки страницы текст будет двигаться, а фон - нет.
TEXT - цвет текста
LINK - цвет гиперссылки
VLINK - цвет ссылки, уже посещенной в прошлом
ALINK - цвет активной ссылки
В теге < BODY > могут указываться сразу несколько дополнительных параметров.


Урок 8

< P> и < /P> теги, служащие для выделения абзацев. Новый абзац всегда отделяется от предыдущего пустой
строкой. Для оформления текста, как абзаца, необходимый текст помещается внутри < P > и < /P >.

Абзац можно выровнять, для этого используются следующие параметры:
ALIGN=LEFT - выравнивание по левому краю
ALIGN=RIGHT - выравнивание по правому краю
ALIGN=CENTER - выравнивание по центру
ALIGN=JUSTIFY - выравнивание по обоим краям, старые браузеры, не поддерживающие этот параметр, будут
                выравнивать текст по левому краю.
Например:
< P align=center > Это новый абзац, выровненный по центру < /P >


Урок 9

Тег < BR > (не имеет закрывающегося элемента) служит для переноса текста на новую строку без созда-
ния отступа, аналогичен простому нажатию Enter в текстовом редакторе. Может также служить для отде-
ления графики от текста на интервал. После того, как в браузерах появилась возможность обтекания
изображения текстом (cм. параметр ALIGN элемента IMG), понадобился дополнительный параметр CLEAR.
Элемент не имеет конечного тэга.
Параметры:
CLEAR - указывает на необходимость завершения обтекания изображения текстом. Может принимать следую-
щие значения:
all - завершить обтекание изображения текстом.
left - завершить обтекание текстом изображения, выровненного по левому краю.
right - завершить обтекание текстом изображения, выровненного по правому краю.

Например:

Этот текст на 1 строке


 
 А этот уже на 3 строке 


Урок 10

Большинство документов имеют заголовок. Для его создания используют теги  , где x - число
от 1 до 6. Заключив текст между этими тегами, вы получите заголовок.

< h1 >Заголовок< /h1 >
Заголовок

< h2 >Заголовок< /h2 >
Заголовок

< h3 >Заголовок< /h3 >
Заголовок

< h4 >Заголовок< /h4 >
Заголовок

< h5 >Заголовок< /h5 >
Заголовок

< h6 >Заголовок< /h6 >
Заголовок

Параметры выравнивания (align) используются такие же, как и при выравнивании абзаца 


Урок 11

Рассмотрим форматирование символов. Для придания тексту жирного начертания поместите его между
тегами  , курсивного - <i></>, подчеркнутого - .
жирный текст жирный текст
< i >курсив< /i >курсив
подчеркнутый подчеркнутый 


Урок 12

    Для задания различных эффектов шрифта используются следующие параметры тега . SIZE - поз-
воляет задавать размер текста (по умолчанию размер текста принят равным 3). Поместив текст между те-
гами < FONT SIZE="x" >< /FONT >, где x - целое число, вы придадите ему нужный вам размер.
< font size="1" >Поместив < /font > Поместив 
< font size="3" >текст < /font > текст 
< font size="5" >между < /font > между 
< font size="7" >тегами< /font >тегами
Результат:
Поместив текст между тегами FACE - с помощью этого параметра производится задание шрифта. Т.е. полу-
чается конструкция < FONT FACE="Стандартный True Type шрифт" >< /FONT >. Очень аккуратно обращайтесь
с этим параметром, так как заданный шрифт должен присутствовать на компьютере пользователя - в про-
тивном случае броузер подставит шрифт, определенный по умолчанию. Применяйте шрифты, в наличии кото-
рых вы уверены, иначе пользователь увидит текст иначе, чем вы. К стандартным шрифтам, я думаю, можно
отнести шрифты, поставляемые с Windows 95/98, MsPlus, MsOffice.
Пример:
< font face="Times New Roman" >ABC< /fon >< font face="Tahoma" >DEF< /font >< font face="Arial" >GHI
< /font >< font face="Courier" >xyz< /font >
Результат:
ABCDEFGHIxyz
ABCDEFGHIxyz
    Для задания цвета фона документа, цвета текста, ссылок, просмотренных ссылок и ссылок в момент
нажатия на них правой кнопкой, используется параметры тега.
    Для задания цвета используются коды цвета (в кодировке RGB - шесть шестнадцатеричных чисел), или
именованные цвета COLOR - этот параметр используется для задания цвета текста непосредственно в доку-
менте. Используется код цвета или именованный цвет.
Пример:
< font color="#FF0000" >Поместив < /font >Поместив 
< font color="#CF2CD4" >текст < /font >текст 
< font color="#0000FF" >между < /font >между 
< font color="green" >тегами < /font >тегами 
Результат:
Поместив текст между тегами
Note: Возможно использование сразу нескольких параметров в теге 


Урок 13

    Для вставки картинки используется следующая конструкция: текст, где картинка - это имя файла картинки.
Если она находится в той же директории, что и ваша страничка, то это просто имя файла (*.jpf, *.gif,
*.png ). Если картинка находится в ином месте (например, где-то в Интернете), то указывайте имя с
полным путем. Расположение - место расположения изображения. Указывает способ выравнивания изображения
в документе. Может принимать следующие значения:
left - выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
right - выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
top и texttop - выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
middle - выравнивает базовую линию текущей текстовой строки с центром изображения.
absmiddle - выравнивает центр текущей текстовой строки с центром изображения.
bottom и baseline - выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
absbottom - выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
ширина - ширина изображения в пикселях.
высота - высота изображения в пикселях (просто необходимо при обтекании изображения текстом).
отступ1 - горизонтальный отступ от графического изображения в пикселах (просто необходимо при обте-
          кании изображения текстом).
отступ2 - вертикальный отступ в пикселах.
текст - это сообщение, которое выводится вместо картинки, если она не показывается (не найдена или
пользователь настроил свой броузер так, что тот не показывает картинки). Кроме того, вы увидите этот
текст в виде подсказки, когда курсор мыши находится над картинкой.
имя - определяет имя изображения, уникальное для данного документа. Вы можете указать любое имя без
пробелов с использованием латинских символов и цифр. Имя необходимо, если вы планируете осуществлять
доступ к изображению, например, из JavaScript-сценариев.
картинка2 - адрес (URL) файла с альтернативным изображением более низкого качества (и, соответствен-
но, меньшего объема), чем изображение, указанное в параметре SRC. Браузеры, поддерживающие данный
параметр, сначала загрузят картинку из LOWSRC, а затем заменят ее картинкой из SRC.
Например:
< img src="strelka.gif" alt="Стрелочка" width="40" height="30" >
Note: параметры align, hspace, vspace, name, lowsrc являются необязательными. Золотое правило
web-мастера - всегда явно задавать размеры картинки в параметрах height и width, резервируя тем са-
мым место в окне браузера еще до загрузки изображения. В противном случае документ будет заново пе-
рерисовываться. А на медленных машинах или при подключении к сети посредством модема это смотрится
просто отвратительно. Параметр alt тоже хорошо бы указать, а то вдруг у человека не загрузилась кар-
тинка, он хоть будет знать про что она, к тому же это поле анализируется поисковыми машинами. Значе-
ния top и texttop параметра align не совсем идентичны, и их использование порой дает разный резуль-
тат. Попробуйте поэкспериментировать. Для завершения обтекания изображения текстом используйте пара-
метр clear элемента br.


Урок 14

    А теперь рассмотрим, пожалуй, самую важную часть странички - гиперссылки. Гиперссылки - это ос-
нова Internet'а, главный его принцип. И, соответственно, важнейшая часть web-страниц. Ссылки могут
вести на другую страничку, на картинку (удобно не показывать большую картинку, а показать её умень-
шенную копию, щелкнув на которую можно увидеть большое изображение в высоком качестве), на любой
файл, на адрес электронной почты.
Для перехода на другую страничку используется конструкция:
Ссылка
< a href="URL" target="Окно" title="Подсказка" > Название ссылки < /A >, где
    URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными,
то есть указывается полный адрес странички (например, http://web.holm.ru/avtor.htm) и относительным,
как видно из названия указывается файл относительно текущего (например, avtor.htm).
    Окно определяет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: конкретное
имя окна (фрейма) в котором нужно загрузить гиперссылку.
_top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбие-
       ние на фреймы, то оно исчезнет).
_blank - загружает гиперссылку в новом окне браузера.
_self - загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по
        умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще мож-
        но не использовать).
_parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным вла-
          дельцем набора фреймов.
Подсказка - текст подсказки, который будет появляться при наведении мышки на гиперссылку.
Название ссылки - текст самой ссылки, например "Домашняя страничка Вадима Николаева".
    Для создание ссылки на e-mail в качестве URL'a вставьте mailto:адрес электронной почты, в этом
случае параметр target не используется(!).
Например, mailto:atoev@mail.ru. Щелкнув на такую ссылку, вы откроете окно своей почтовой программы с
уже записанным адресом. Останется только написать письмо и отправить.
Например: < ahref=http://web.holm.ru" target="_top" > Web- страничка Atoev Jake company < /a >
Note: для гиперссылок параметры target и title - необязательные.
< a name="u15">
 
Урок 15

Часто используют не текстовую ссылку, а картинку, щелкнув на которую вы перейдете в другое место.
Для этого используется следующая конструкция: < a href="URL" target="Окно" > < img src="картинка"
width="ширина" height="высота" hspace=отступ1 vspace=отступ2 border="окантовка" alt="Подсказка" >
URL (унифицированный локатор ресурсов) - адрес любого файла в Интернете. Может быть абсолютными, то
есть указывается полный адрес странички (например, http://web.holm.ru/avtor.htm) и относительным,
как видно из названия указывается файл относительно текущего (например, avtor.htm). <>br Окно опре-
деляет, в каком окне (фрейме) загрузить гиперссылку. Может иметь значения: конкретное имя окна
(фрейма) в котором нужно загрузить гиперссылку.
_top - загружает гиперссылку на всем пространстве окна браузера (если до этого существовало разбие-
       ние на фреймы, то оно исчезнет).
_blank - загружает гиперссылку в новом окне браузера.
_self - загружает содержимое страницы, в окно, которое содержит эту ссылку (и так используется по
        умолчанию, так что если вам надо именно так загрузить ссылку, то параметр target вообще мож-
        но не использовать).
_parent - загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным вла-
          дельцем набора фреймов.
картинка - это имя файла картинки. Если она находится в той же директории, что и ваша страничка, то
           это просто имя файла (*.jpf, *.gif, *.png ). Если картинка находится в ином месте (напри-
           мер, где-то в Интернете), то указывайте имя с полным путем.
ширина - ширина изображения в пикселях.
высота - высота изображения в пикселях.
отступ1 - горизонтальный отступ от графического изображения в пикселах.
отступ2 - вертикальный отступ в пикселах.
окантовка - так как это не картинка, а гиперссылка, то она может быть выделена окантовкой того же
            цвета, который определен для цвета гиперссылок. Итак, окантовка это число, определяющее
            толщину окантовки. Значение его, как правило, равно 0, а другие значения применяются до-
            вольно редко.
Подсказка - это сообщение, которое выводится над гиперссылкой вместо картинки, если она не показыва-
            ется (не найдена или пользователь настроил свой броузер так, что тот не показывает кар-
            тинки). Кроме того, вы увидите этот текст в виде подсказки, когда курсор мыши находится
            над картинкой-гиперссылкой.
(!) В данной конструкции именно этот параметр определяет подсказку, а параметр title - не использу-
ется. Кроме того, возможно использование параметров NAME и LOWSRC. Их описание смотрите в пункте
"Как вставить картинку"
Например:
< a href="http://web.holm.ru/" target="_top" > < img src="http://web.holm.ru/banner.gif" border=0
width=88 height=31 alt="Бесплатно! Нажимай!" > < /a >
Note: в этой конструкции параметры target, hspace, vspace являются необязательными. Параметры width,
height можно тоже не указывать, но я советую это сделать, т.к. тогда перед загрузкой объекта браузер
зарезервирует место под эту картинку, и не получится так, что человек читает текст, и вдруг вместо
него появляется картинка, а текст сдвигается вниз/вверх. Параметр border тоже необходимо указывать,
так как в случае его явного не указания используется значение по умолчанию равное 3, а это не всегда
приятно. Параметр alt тоже хорошо бы указать, а вдруг у человека не загрузилась картинка, он хоть
будет знать, куда ведет ссылка, к тому же это поле анализируется поисковыми машинами.


Урок 16

< HR > тег, не имеющий закрывающегося элемента, служит для логического разделения текста горизон-
тальной линией.
Параметры:
WIDTH - определяет длину линии в пикселах или процентах от ширины окна браузера.
SIZE - определяет толщину линии в пикселах (по умолчанию 1, а max=100).
ALIGN - определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения:
left - выравнивание по левому краю документа.
right - выравнивание по правому краю документа.
center - выравнивание по центру документа (используется по умолчанию).
NOSHADE - определяет способ закраски линии как сплошной. Параметр является флагом и не требует ука-
          зания значения. Без данного параметра линия отображается объемной.
COLOR - определяет цвет линии. Задается либо RGB-значением в шестнадцатеричной системе, либо одним
        из 16 базовых (именованных) цветов. Работает только в Internet Explorer, поэтому лучше его
        не использовать.
Например:
< hr SIZE=2 color=red WIDTH=50% > - красная горизонтальная линия на полэкрана, толщиной в 2 пиксела.


------------------------------------------------------------------------------------------------------------------
Note: все вышеуказанные параметры являются необязательными. 
------------------------------------------------------------------------------------------------------------------  
------------------------------------------------------------------------------------------------------------------

Цвета для тэга "body"

1-я пара определяет задаёт интенсивность красного, 2-я зелёного, 3-я синего.
Если задано число 80 то это означает 50% от возможной интенсивности свечения.

alink	- ff0000 - активная ссылка 

bgcolor	- 00ff00 - фон

link	- 00ffff - непросмотренная ссылка

text	- 000080 - текст

vlink	- 777777 - уже просмотренная ссылка
======================================================================================================== 
                         
Установка цвета

    Числовое значение каждого цвета задается тремя шестна-дцатеричными
числами  подряд.  Перед числовым значением ставится знак #,  например:
#3355FF. Первое число представляет собой интенсивность красного цвета,
второе - зеленого, третье - синего.
    Шестнадцатеричное число 80 соответствует  десятичному  128  -  это
ровно половина от 256. Легко догадаться, что если интенсивность одного
из цветов обозначена числом 80,  то это означает ровно 50%  от  макси-
мально возможной яркости точек на экране компьютерного монитора.
Цвет #000000 - черный (black) интенсивность всех трех цветов равна ну-
лю.
Цвет #FFFFFF - белый.
Оттенки нейтрального  серого цвета задаются сочетанием трех одинаковых
чисел, например: #DDDDDD, #C9C9C9, #777777, #525252. #808080 - 50% се-
рый цвет (gray).
    Наиболее яркие  и  часто  употребляемые  на электронных страничках
цвета имеют весьма простые и запоминающиеся числовые значения,  напри-
мер:
#FFOOOO - красный (red)
#FFFFOO - желтый (yellow). Получается путем наложения красного-и зеленого.
#OOFFOO - зеленый (green). Для бизнесменов: это цвет, похожий на доллары.
#008000 - ярко-зеленый (lime).
#OOFFFF - голубой (cyan).  Получается путем наложения зеленого и синего.
#OOOOFF - синий (blue) #000080 - темно-синий (navy)
#FFOOFF - пурпурный (magenta). Получается путем наложения красного и синего.
#800080 - темно-пурпурный (purple).
 Для удобства  англоязычных  пользователей многие наиболее часто упот-
ребляемые цвета имеют обозначения в виде кодовых  слов,  употребляемые
вместо безликого номера. Система этих словесных конструкций изначально
была реализована в программе Netscape  Navigator  (до  сих  пор  можно
встретить название "140 цветовых констант Netscape"),  и из вполне по-
нятного чувства противоречия Internet Explorer некоторое время  ее  не
поддерживал. В конце концов здравый смысл победил, и мы можем, хваста-
ясь знанием иностранного языка, писать заковыристые имена цветов.

#FOF8FF	aliceblue
#OOFFFF	aqua
#FOFFFF	azure
#FFE4C4	bisque
#FFEBCD	blanchedalmond
#8A2BE2	blueviolet
#DEB887	burlywood
#7FFFOO	chartreuse
#FF7F50	coral
#FFF8DC	cornsilk
#OOFFFF	cyan
#008B8B	darkcyan
#A9A9A9	darkgray
#BDB76B	darkkhaki
#556B2F	darkolivegreen
#9932CC	darkorchid
#E9967A	darksalmon
#483D8B	darkslateblue
#OOCED1	darkturquoise
#FF1493	deeppink
#696969	dimgray
#622222	firebrick
#228622	forestgreen
#DCDCDC	gainsboro
#FFD700	gold
=============
808080	gray
#ADFF2F	greenyellow
#FF69B4	hotpink
#4B0082	indigo
#FOE68C	khaki
#FFFOF5	lavendeiblush
#FFFACD	lemonchiflfon
#F08080	lightcoral
#FAFAD2	LightgoldenrodyeUow  
#D3D3D3	lightgrey            
#FFA07A	lightsalmon          
#87CEFA	lightskyblue         
#BOC4DE	lightsteelblue       
#OOFFOO	lime                 
#FAFOE6	linen                
#800000	maroon               
#OOOOCD	mediumblue           
#9370DB	mediumpurple         
#7B68EE	mediumslateblue      
#48D1CC mediumturquoise  
#191970	midnightblue         
#FFE4E1	mistyrose            
#FFDEAD	navajowhite          
#FDF5E6	oldlace              
#6B8E23	olivedrab            
#FF4500	orangered            
#EEE8AA	palegoldenrod        
#AFEEEE	paleturquoise        
#FFEFD5	papayawhip           
#CD853F	pern                 
#DDAODD	plum                 
#800080	purple               
#BC8F8F	rosybrown            
#864513	saddlebrown          
#F4A460	sandybrown           
#FFF5EE	seashell             
#COCOCO	silver               
#6A5ACD	slateblue            
#FFFAFA	snow  
===================
#468264	steelblue
#008080	teal     
#FF6347	tomato   
#EE82EE	violet   
#FFFFFF	white    
#FFFFOO	yellow   
======================================================================

#FAEBD7	antiquewhite    
#7FFFD4	aquamarine      
#F5F5DC	beige           
#000000	black          
#OOOOFF	blue           
#A52A2A	brown
#5F9EAO	cadetblue
#02691E	chocolate
#6495ED	cornflowerblu*  
#DC143С	crimson     
#000086	darkblue        
#B8860B	darkgoldenrod   
#006400	darkgreen       
#860086	darkmagenta     
#FF8COO	darkorange      
#860000	darkred         
#8F6C8F	darkseagreen    
#2F4F4F	darkslategray   
#940003	darkviolet      
#006F6F	deepskyblue     
#1E90FF	dodgerblue      
#FFFAFO	floralwhite     
#FFOOFF	fuchsia         
#F8F8FF	ghostwhite      
#DAA520	goldenrod       
===================
#008000	green            
#FOFFFO	honeydew         
#CD5C5C	indianred        
#FFFFFO	ivory            
#E6E6FA	lavender         
#7CFCOO	lawngreen        
#ADD8E6	lightblue        
#EOFFFF	lightcyan        
#90EE90	lightgreen       
#FFB6C1	lightpink        
#20B2AA	lightseagreen    
#778899	lightslategrey   
#FFFFEO	lightyellow      
#32CD32	limegreen        
#FFOOFF	magenta          
#66CDAA	mediumaquamarine 
#BA55D3	mediumorchid     
#3CB371	mediumseagreen   
#OOFA9A	mediumspringgree 
#C71585	mediumvioletred  
#F5FFFA	mintcream        
#FFE4B5	moccasin         
#000080	navy             
#808000	olive            
#FFA500	orange           
#DA70D6	orchid           
#98FB98	palegreen        
#DB7093	palevioletred    
#FFDAB9	peachpuff        
#FFCOCB	pink             
#BOEOE6	powderblue       
#FFOOOO	red              
#4169E1	royalblue        
#FA8072	salmon           
#2E8B57	seagreen         
#A0522D	sienna           
#87CEEB	skyblue          
#708090	slategray        
#OOFF7F	springgreen      
====================
#D2B48C tan        
#D86FD8 thistle    
#40EODO turquoise  
#F5DEB3 wheat      
#F5F5F5 whitesmoke 
#9ACD32 yellowgreen
======================================================================================================== 


Словарь по HTML для тех, кто собирарается сделать свою первую страничку

Все тэги HTML заключаются в угловые скобки.
<HTML>-документ (страничка) - документ, написанный на языке разметки гипертекста (HTML). Заключается
между флагами <HTML> и </HTML>.
Web-сайт, Web-сервер - цепочка логически связанных документов, написанных на языке HTML.
Значения флагов разметки документа
Флаги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагмент-
ов, а также команды, служащие для связи с другими HTML-документами и рессурсами Интернет. Основные флаги
разметки <HEAD> и </HEAD>. Между этими флагами располагается информация о документе.
<TITLE> и </TITLE>. В эих флагах заключается название странички, которое будет выведено в
рамке окна программы просмотра.
<BODY> и </BODY>. "Тело" документа (текст, графика и т.д.) располагается между этими двумя флагами. 
Параметры флага <BODY>:
BGCOLOR - цвет фона ()
BACKGROUND - "обои" или бэкграунд
TEXT - цвет текста
LINK - цвет гипертекстовой связи (ссылки)
VLINK - цвет ссылки, уже посещенной в прошлом
ALINK - цвет активной сылки Флаги, служащие для форматирования текста 
<P> и </P> Флаги, служащие для выделения абзадцев. Новый абзац чсегда отделяется от предыдущего пустой строкой.
<BR> Флаг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.
<HR> Флаг, служащий для логического разделения текста горизонтальной линией.
<PRE> и </PRE> Между этими флагами располагается предварительно отформатированный текст. На экран он
выводится шрифтом типа "курьер". 
Параметры выравнивания
Используются в <P> и <H*>
ALIGN=LEFT - выравнивание по левому полю
ALIGN=RIGHT - выравнивание по правому полю
ALIGN=CENTER - выравнивание по центру 
Флаги выравнивания
<LEFT> и </LEFT> - выравнивание по левому полю
<RIGHT> и </RIGHT> - выравнивание по правому полю
<CENTER> и </CENTER> - выравнивание по центру 
Заголовки, служащие для выделения логических частей текста
<H1> и </H1> Заголовок первого уровня.
<H2> и </H2> Заголовок второго уровня.
<H3> и </H3> Заголовок третьего уровня.
<H4> и </H4> Заголовок четвертого уровня.
<H5> и </H5> Заголовок пятого уровня.
<H6> и </H6> Заголовок шестого уровня. 
Флаги для выделения текста и шрифта
<B> и </B> Флаги для выделения текста (слов, букв) жирным шрифтом.
<I> и </I> Флаги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
<U> и </U> Текст, расположенный между двумя этими флагами, будет подчеркнут.
<BLINK> и </BLINK> Текст, расположенный между двумя этими флагами, будет мигать.
<FONT SIZE=+n> и </FONT>
<FONT SIZE=-n> и </FONT> Флаги для изменения размера шрифта.
<FONT COLOR="#0000FF> и </FONT> Флаги для изменения цвета шрифта. 
Флаги для формирования списков
<OL> и </OL> Флаги, показывающие начало и конец нумерованного списка
<UL> и </UL> Флаги, показывающие начало и конец маркированного списка.
<LI> Элемент списка

<DL> и </DL> Флаги, показывающие начало и конец глоссария.
<DT> Термин глоссария, располагается без отступа от левого поля страницы.
<DD> Описание термина, располагается с отступом от левого поля страницы. 
Флаги-команды для вставки в текст объектов нетекстовой информации
<IMG SRC ="file.gif"> или <IMG SRC =" file.jpg"> - команда для вставки графического
изображения
<IMG SRC =" file.wav"> - команда для вставки звукового фрагмента
<IMG SRC =" file.avi"> - команда для вставки видео фрагмента 
Параметры графического изображения
WIDHT - ширина картинки в пикселях
HEIGHT- высота картинки в пикселях
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю,
ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру)
HSPACE - горизонтальный отступ от графического изображения
VSPACE - вертикальный отступ
ALT - альтернативный текст, служит для обозначения изображения 
Команды, служащие для гиперсвязи с другими HTML-документами и рессурсами Интернет
<A HREF="fail.htm"> и </A> или <A HREF="http://www.ru"> и </A> - гиперсвязи
<ADDRESS><A HREF=mailto:person@firm.ru> person@firm.ru</ADDRESS> - гиперсвязь с
адресом электронной почты 
Таблицы
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста
<TABLE> и </TABLE> Флаги для вставки таблицы в HTML документ
Параметры флага <TABLE>
BGCOLOR - цвет фона
BORDER - ширина бордюра
WIDHT - ширина таблицы 
Флаги разметки таблицы
<CAPTION> и </CAPTION> - название таблицы, имеет параметр ALIGN=TOP - выравнивание над таблицей и ALIGN=BOTTOM - под таблицей.
<TR> и </TR> Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки; 
ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное
выравнивание внутри строки таблицы.
<TD> и </TD> Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом; 
ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное
выравнивание;
COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк.
<TH> и </TH> Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием; 
ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание;
COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия. 
Рамки-фреймы
Рамки-фреймы - средство для разделения экрана на несколько областей, в каждой из которых отображается
содержимое отдельной Web-странички или даже целого Web-сайта.
<FRAMESET> и </FRAMESET> Флаги для создания рамки
Параметры флага <FRAMESET>
COLS - подразделяют экран на опредленное количество колонок (вертикальных)
ROWS - подразделяют экран на опредленное количество колонок (горизонтальных)
BORDCOLOR - цвет рамки
BORDER - ширина бордюра
FRAMEBORDER - граница рамки (FRAMEBORDER=YES - есть граница, FRAMEBORDER=NO - нет границы,
FRAMESPACING=n - ширина границы) 
<FRAME> Флаг для описания рамки (<FRAME SRC="file.htm">). 
Параметры флага <FRAME>
SCROLING - параметр для регулировки полосы прокрутки:
SCROLING=YES - полоса прокрутки будет всегда javascript: PreView()
Предварительный просмотр
SCROLING=NO - полосы прокрутки не будет
SCROLING=AUTO - полоса прокрутки появляется только в случае необходимости
MARGINWIDHT и MARGINHEIGHT - параметры, которые управляют отступом внутри рамок, 
служат для выравнивания графического изображения внутри рамки
NORESIZE - параметр, указвающий на то, что размер рамки-фрейма никогда не будет меняться. 
A link to <A HREF="file.htm" TARGET="frame2"> file.htm</A> - Связь между фреймами
TARGET - атрибут связи между фреймами. Имеет несколько значений: 
_BLANK загружает содержимое страницы, заданной ссылкой, в новое пустое окно.
_SELF содержимое страницы, заданной ссылкой, в окно, которое содержит ссылку.
_PARENT загружает содержимое страницы, заданной ссылкой, в окно, являющееся непосредственным 
владельцем набора фреймов.
_TOP содержимое страницы, заданной ссылкой, в окно, игнорируя используемые фреймы. 
Обработка браузеров, не поддерживающих фреймы:
<FRAMESET>
...Здесь располагаются фреймы
</FRAMESET>
<NOFRAMES>
<BODY>
...Здесь располагается текст без фреймов
<BODY>
</NOFRAMES> 
В секции, предназначенной для тех пользователей, которые "не видят" рамки, можно расположить
какой-нибудь пояснительный текст.
Бегущая строка
<MARQUEE>ТЕКСТ</MARQUEE> - Флаг, создающий бегущую строку
<MARQUEE DIRECTION=left>TEKCT</MARQUEE> - Если бегущую строку нужно направить справа налево
<MARQUEE DIRECTION=right>TEKCT</MARQUEE> - движение слева направо. 
scroll - стандартное движение от правого края к левому
slide - надпись один раз пробегает от правого края к левому, где и остается.
alternate - движение от правого края страницы к левому и обратно. Бесконечный цикл.
<MARQUEE LOOP=n BEHAVIOR=scroll>TEKCT</MARQUEE> - Ограничение числа циклов.
Значение n оператора LOOP указывает число повторений цикла.
<MARQUEE WIDHT=n>TEKCT</MARQUEE> - указать ширину участка, занимаемого бегущей строкой,
где n - ширина той части страницы, на которой расположена бегущая строка. Значение n указывается как 
в пикселях, так и в процентах от общей ширины видимой части страницы. 
<MARQUEE scrollamount=n>TEKCT</MARQUEE> - Регулировка движения надписи по экрану.
Здесь n - число пикселей. 
<MARQUEE scrolldelay=t>TEKCT</MARQUEE> В данном случае переменная величина - время t - 
измеряется в миллисекундах. Метод задания скорости состоит в указании времени, спустя которое текст
будет перерисован на экране заново. 
<FONTSIZE=n><MARQUEE> ТЕКСТ</MARQUEE></FONT> - возможность указывать величину
шрифта текста в строке.
<MARQUEE BGCOLOR=n> ТЕКСТ </MARQUEE> - окрасить поверхность бегущей строки в какой-либо
цвет, где n, как это бывало и раньше, можно указать в вид шестнадцатеричного числа либо написав его
название 
<MARQUEE HEIGHT=n>ТЕКСТ</MARQUEE> - указать высоту бегущей строки, задавая величину n в
пикселях.
Сайт создан в системе uCoz