height/высота и width/ширина

До сих пор мы особо не заботились о размерах элементов, с которыми работали. В этом уроке мы посмотрим, как легко можно определять высоту и ширину элемента.
width
height
Установка ширины [width]

Свойством width вы можете определять ширину элемента.

В примере показан бокс для ввода текста:

div.box {
width: 200px;
border: 1px solid black;
background: orange;
}

Установка высоты [height]

Обратите внимание, как, в предыдущем примере, высота бокса устанавливается содержимым этого бокса. Высоту элемента можно определить свойством height. В качестве примера попытаемся создать бокс высотой 500px:

div.box {
height: 500px;
width: 200px;
border: 1px solid black;
background: orange;
}

Рамки

Рамки имеют многообразное применение, например, как декоративный элемент или для отделения двух объектов. CSS предоставляет бесчисленное множество вариантов использования рамок.
border-width
border-color
border-style
Примеры определения рамок
border
Толщина рамки [border-width]

Толщина рамки определяется свойством border-width, которое может иметь значения thin, medium и thick, или числовое значение в пикселах. На рисунке показана эта система:


Цвет рамки [border-color]



Свойство border-color определяет цвет рамки. Значения - нормальные значения цвета, например: "#123456", "rgb(123,123,123)" или "yellow" .
Типы рамок [border-style]

Существуют различные типы рамок. Ниже показаны восемь типов рамки и их интерпретация в Internet Explorer 5.5. Все примеры показаны цветом "gold" и толщиной "thick", но могут, естественно, выводиться другим цветом и толщиной.

Значения none или hidden могут использоваться, если вы не хотите отображать рамку.


Примеры определения рамок

Три рассмотренных выше свойства можно объединить в каждом элементе и, соответственно, устанавливать разные рамки. Для иллюстрации взглянем на документ, где определены разные рамки для

,

,

и

. Результат, может быть, не столь впечатляющ, но он демонстрирует некоторые возможности:

h1 {
border-width: thick;
border-style: dotted;
border-color: gold;
}

h2 {
border-width: 20px;
border-style: outset;
border-color: red;
}

p {
border-width: 1px;
border-style: dashed;
border-color: blue;
}

ul {
border-width: thin;
border-style: solid;
border-color: orange;
}


Можно также установить специальные свойства для верхнего, нижнего, правого и левого края рамки. Вот как это делается:

h1 {
border-top-width: thick;
border-top-style: solid;
border-top-color: red;

border-bottom-width: thick;
border-bottom-style: solid;
border-bottom-color: blue;

border-right-width: thick;
border-right-style: solid;
border-right-color: green;

border-left-width: thick;
border-left-style: solid;
border-left-color: orange;
}

Сокращённая запись [border]

Как и для многих других свойств, вы можете объединить несколько свойств в одно, используя слово border. Пример:

p {
border-width: 1px;
border-style: solid;
border-color: blue;
}


можно объединить в:

p {
border: 1px solid blue;
}

Резюме

Поля и заполнение

В предыдущем уроке мы рассмотрели боксовую модель. В этом уроке объясним, как можно изменять представление элементов свойствами margin и padding.
Установим поля элемента
Установим заполнение элемента
Установим поля элемента

У элемента есть четыре стороны: right, left, top и bottom. Поля margin это расстояние от каждой стороны с до соседних элементов (или краёв документа). См. также диаграмму в Уроке 9.

В качестве первого примера мы разберёмся, как определить поля самогó документа, т. е. элемента . На иллюстрации показано, какие поля нам нужны.



CSS-код для этого примера выглядит так:

body {
margin-top: 100px;
margin-right: 40px;
margin-bottom: 10px;
margin-left: 70px;
}


Или вы можете написать более элегантно:

body {
margin: 100px 40px 10px 70px;
}


Вы можете установить поля примерно таким же образом почти для любого элемента. Например, мы можем определить поля для всех параграфов

:

body {
margin: 100px 40px 10px 70px;
}

p {
margin: 5px 50px 5px 50px;
}


Установим заполнение элемента

Заполнение не влияет на расстояние элемента до других элементов, а лишь определяет внутреннее расстояние между рамкой и содержимым элемента.

Использование заполнения/padding можно показать на простом примере, где все заголовки имеют цветной фон:

h1 {
background: yellow;
}

h2 {
background: orange;
}



Определяя заполнение для заголовков, вы устанавливаете величину поля вокруг текста каждого заголовка:

h1 {
background: yellow;
padding: 20px 20px 20px 80px;
}

h2 {
background: orange;
padding-left:120px;
}

Боксовая модель

Боксовая модель в CSS описывает боксы, генерируемые для HTML-элементов. Боксовая модель также имеет детальные опции для определения полей, рамок, заполнения и содержимого каждого элемента. На диаграмме далее показано, как построена боксовая модель:
Боксовая модель в CSS




Эта иллюстрация может показаться слишком научной, поэтому попытаемся использовать эту модель на конкретном примере с заголовком и текстом. HTML нашего примера таков (из Всеобщей Декларации Прав Человека):

Article 1:

All human beings are born free
и equal in dignity и rights.
They are endowed with reason и conscience
и should act towards one another in a
spirit of brotherhood

Добавив цвет и информацию шрифта этот пример можно представить так:



В этом примере - два элемента :

и

. Боксовая модель этих элементов выглядит так:



Хотя это может показаться немного сложным, тем не менее, видно, что каждый HTML-элемент окружён боксом. Боксом, который можно настроить с помощью CSS.

Группирование элементов (span и div)

Элементы и

используются для структурирования документа, часто совместно с атрибутами class и id.

В этом уроке мы подробно рассмотрим, как использовать и

, поскольку эти элементы HTML имеют важнейшее значение в CSS.
Группирование с помощью
Группирование с помощью

Группирование с помощью

Элемент можно назвать нейтральным элементом, который ничего не добавляет к содержимому документа. Но, в сочетании с CSS, может использоваться для визуальных эффектов применимо к отдельным блокам текста.

Пример - цитата из Бенджамина Франклина:

Кто рано ложится и рано встаёт,
тот будет здоровым, богатым и умным

Скажем, мы хотим, чтобы Mr. Franklin увидел все преимущества бодрствования выделенные красным цветом. Для этого мы можем отметить эти преимущества с помощью . Каждому блоку span будет присвоен class, который затем можно определить в нашей таблице стилей:

Кто рано ложится и рано встаёт,
тот будет здоровым,
богатым
и умным.

В CSS:

span.benefit {
color:red;
}


Разумеется, вы можете также использовать id для определения стиля -элементов. Не забывайте только, что вы должны установить уникальный id каждому из трёх -элементов, как мы говорили в прошлом уроке.
Группирование с помощью

В то время как используется в элементах уровня блока, как в предыдущем примере,

применяется для группирования одного или более блок-элементов.

Кроме этого отличия, группирование с помощью

работает более или менее аналогично. Посмотрим на пример - два списка президентов США, сгруппированных по их политической принадлежности:

• Франклин Д. Рузвелт


• Гарри Трумэн


• Джон Ф. Кеннеди


• Линдон Б. Джонсон


• Джимми Картер


• Билл Клинтон

• Дуайт Д. Эйзенхауэр


• Ричард Никсон


• Джэралд Форд


• Роналд Рейган


• Джордж Буш


• Джордж У. Буш

В нашей таблице стилей мы можем использовать такое же группирование, как и раньше:

#democrats {
background:blue;
}

#republicans {
background:red;
}

Идентификация и группирование элементов (class и id)

Иногда вам нужно будет применить особый стиль к определённому элементу или конкретной группе элементов. В этом уроке мы подробно разберём, как можно использовать class и id для специфицирования свойств выбранных элементов.

Как изменить цвет конкретного заголовка отдельно от других заголовков на вашем web-сайте? Как группировать ссылки по категориям и задавать для каждой категории особый стиль? Это лишь примерные вопросы, на которые мы ответим в этом уроке.
Группирование элементов с помощью class

Предположим, у нас есть два списка ссылок сортов винограда - для белого и для красного вина. HTML-код может быть таким:

Виноград для белого вина:

• Рислинг


• Шардонэ


• Пино Блан

Виноград для красного вина:

• Кабернэ Совиньон


• Мерло


• Пино Нуар

Далее, мы хотим, чтобы ссылки на белое вино были жёлтого цвета, на красное вино - красного, а остальные ссылки на этой же странице оставались синими.

Для достижения этой цели мы разделим ссылки на две категории с помощью присвоения класса каждой ссылке атрибутом class.

Попробуем установить классы для предыдущего примера:

Виноград для белого вина:

• Рислинг


• Шардонэ


• Пино Блан

Виноград для красного вина:

• Кабернэ Совиньон


• Мерло


• Пино Нуар

Далее мы можем определить специальные свойства для ссылок whitewine и redwine, соответственно.

a {
color: blue;
}

a.whitewine {
color: #FFBB00;
}

a.redwine {
color: #800000;
}



Как показано в примере, вы можете определять свойства для элементов, принадлежащих к определённому классу, с помощью .имя_класса в таблице стилей документа.
Идентификация элемента с помощью id

Помимо группирования элементов вам может понадобиться идентифицировать один уникальный элемент. Это можно реализовать с помощью атрибута id.

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

Глава 1

...

Глава 1.1

...

Глава 1.2

...

Глава 2

...

Глава 2.1

...

Глава 2.1.2

...


Это могут быть заголовки документа, разделённого на главы или параграфы. Естественным будет назначить id каждой главе:

Глава 1

...

Глава 1.1

...

Глава 1.2

...

Глава 2

...

Глава 2.1

...

Глава 2.1.2

...


Заголовок, скажем, chapter 1.2, должен быть красным. Это делается в соответствии с CSS:

#c1-2 {
color: red;
}



Как показано в предыдущем примере, вы можете определять свойства конкретного элемента с помощью #id в таблице стилей документа.

Настроение сейчас - гуууддддддддддд

Урок 6: Ссылки

Всё изученное в предыдущих уроках вы можете применять и для ссылок/links (например изменять шрифт, цвет, подчёркивание и т. д). Новым будет то, что в CSS эти свойства можно определять по-разному, в зависимости от того, посетили уже ссылку, активна ли она, находится ли указатель мыши над ссылкой. Это позволяет добавить интересные эффекты на ваш web-сайт. Для этого используются так называемые псевдоклассы.
Что такое псевдокласс?

Псевдокласс позволяет учитывать различные условия или события при определении свойств HTM-тэга.

Рассмотрим пример. Как вы знаете, ссылки специфицируются в HTML тэгом . В CSS мы также можем использовать a в качестве селектора:

a {
color: blue;
}


Ссылка может иметь разные состояния. Например, её уже посетили/visited или ещё нет. Можно использовать псевдоклассы для установки разных стилей посещённых и непосещённых ссылок.

a:link {
color: blue;
}

a:visited {
color: red;
}


Используйте |a:link| и |a:visited| для непосещённых и посещённых ссылок, соответственно. Активные ссылки имеют псевдокласс a:active, и a:hover, когда указатель - над ссылкой.

Мы рассмотрим каждый их этих четырёх псевдоклассов на примерах и с объяснениями.
Псевдокласс: link

Псевдокласс :link используется для ссылок на страницы, которые пользователь ещё не посещал.

В примере кода непосещённые ссылки - синие.

a:link {
color: #6699CC;
}

Показать пример
Псевдокласс: visited

Псевдокласс :visited используется для ссылок на страницы, которые пользователь посетил. В примере кода посещённые ссылки - фиолетовые.

a:visited {
color: #660099;
}

Псевдокласс: active

Псевдокласс :active используется для активных ссылок.

В примере активные ссылки имеют жёлтый фон.

a:active {
background-color: #FFFF00;
}

Псевдокласс: hover

Псевдокласс :hover используется для ссылок, над которыми находится указатель мыши.

Это можно использовать для создания интересных эффектов. Например, если мы хотим, чтобы ссылки становились оранжевыми и курсивными при прохождении указателя над ними, то наш CSS должен выглядеть так:

a:hover {
color: orange;
font-style: italic;
}


Пример 1: Эффект при нахождении указателя над ссылкой

Эффекты для положения указателя мыши над ссылкой стали уже общим местом. Мы рассмотрим несколько дополнительных примеров для псевдокласса :hover.
Пример 1a: Расстояние между буквами

Как вы помните из Урока 5, расстояние между символами можно установить свойством letter-spacing. Это можно применить для ссылки:

a:hover {
letter-spacing: 10px;
font-weight:bold;
color:red;
}

Показать пример
Пример 1b: UPPERCASE и lowercase

В Уроке 5 мы рассмотрели свойство text-transform, которое может переключать символы с верхнего на нижний регистр. Это также можно использовать для создания эффектов на ссылке:

a:hover {
text-transform: uppercase;
font-weight:bold;
color:blue;
background-color:yellow;
}


Эти два примера показывают почти безграничные возможности комбинирования различных свойств. Вы можете создавать свои собственные эффекты - попробуйте!
Пример 2: Удаление подчёркивания ссылок

Обычный вопрос - как удалить подчёркивание ссылок?

Вы должны точно определить, нужно ли убрать подчёркивание ссылок, так как это может значительно снизить использование вашего web-сайта. Люди привыкли видеть на web-страницах синие подчёркнутые ссылки и знают, что по ним нужно щёлкать. Даже моя мама знает это! Если вы уберёте подчёркивание и измените цвет ссылок, весьма вероятно, что это смутит пользователей и они не получат доступа ко всему содержимому вашего сайта web-сайт.

Вообще-то удалить подчёркивание ссылок очень просто. Как вы, может быть, помните из Урока 5, свойство text-decoration можно использовать для определения подчёркивания текста. Для удаления подчёркивания просто установите в text-decoration значение none.

a {
text-decoration:none;
}


Альтернативно можно также установить text-decoration, наряду с другими свойствами, для всех четырёх псевдоклассов.

a:link {
color: blue;
text-decoration:none;
}

a:visited {
color: purple;
text-decoration:none;
}

a:active {
background-color: yellow;
text-decoration:none;
}

a:hover {
color:red;
text-decoration:none;
}

Данный справочник представляет Вашему вниманию наиболее полное руководство по объектам, командам и операторам языка JavaScript. Рассмотрены все элементы языка, некоторые даны с примерами употребления. Все элементы языка отсортированы в алфавитном порядке.













Справочник JS



abs (Метод)
Возвращает абсолютное значение своего аргумента
Math.abs(argument)
Применение: Следующие примеры возвращают соответственно 10 и 12.5
document.writeln (Math.abs (-10));
John. age. value = 12.5; document.writeln (Math. abs(John.age.value));



--------------------------------------------------------------------------------
acos (Метод)
Возвращает арккосинус своего аргумента (от 0 до Пи-радиан).
Math.acos(argument)
Применение: Аргумент должен быть числом в диапазоне между -1 и 1. Если значение выходит за пределы этого диапазона, возвращается 0.

--------------------------------------------------------------------------------
action (Свойство)
Отображение атрибута ACTION тега HTML

.
document.formName.action;
document.forms[index].action
Применение: Свойство action возвращает строку, состоящую из URL назначения для данных, введенных в форму. Это значение может быть установлено или изменено как до, так и после загрузки и форматирования документа. В следующем примере свойство action для формы, названной outlineForm, устанавливает значение URL равным значению переменной outlineURL.
outlineURL = "http://www.somewhere.com/cgi-bin/outline .cgi";
outlineForm.action=outlineURL;

--------------------------------------------------------------------------------
alert (Метод)
Выводит на экран диалоговое окно JavaScript Alert с кнопкой ОК и определенным программистом сообщением.
[window].alert(AlertMessage)
Применение:Прежде чем пользователь сможет продолжить работу со страницей, он должен нажать кнопку ОК диалогового окна JavaScript Alert.

--------------------------------------------------------------------------------
alinkColor (Свойство)
Цвет гиперссылки после нажатия на ней левой кнопкой мыши, но до отпускания кнопки. document.alinkColor
Применение: Подобно остальным цветам в JavaScript, свойство alinkColor записывается как шестнадцатеричный триплет RGB или строковый литерал. Это свойство не может быть изменено после загрузки документа HTML. Оба следующих примера устанавливают цвет в бледно-голубой.
document.alinkColor""aliceblue";
document.alinkColor"="FOF8FF"

--------------------------------------------------------------------------------
anchors array (Объект)
Массив с информацией о якорях в документе.
[windowMame].document.anchors(index)
Применение: Объект anchors array (только для чтения) устанавливается в тегах HTML <А NAME>.
текст якоря
Включение в тег значения для атрибута HREF делает якорь также и гиперссылкой и добавляет ее к массиву links. Новые якоря можно определить в JavaScript с помощью метода anchor. Для определения количества элементов массива anchors в документе используйте свойство length.
document.anchors.length
Выражение document.anchor[index] возвращает null. Например, document.anchor[0] возвращает null, несмотря на то, что существует якорь, созданный с помощью тега <А NАМЕ="Elef">Все о слонах.

--------------------------------------------------------------------------------
anchor (Метод)
Выводит строку на экран и делает ее якорем.
textString.anchor(anchorName);
Применение: Будучи примененным вместе с методами write или writeln, метод anchor создает в текущем документе якорь, где textString - это строка, которую пользователь видит на экране, a anchorName имеет значение атрибута NAME тега HTML .
anchorString = "Louie's Place";
document.writeln (anchorString.anchor ("louies_place"));

--------------------------------------------------------------------------------
anchors (Свойство)
Массив всех якорей в текущем документе. Подробнее в описании объекта anchor.
document.anchors[index]
Применение: Если массив anchor в документе содержит 5 элементов, то он начинается с document.anchors[0] и заканчивается document.anchors[4].

--------------------------------------------------------------------------------
appCodeName (Свойство)
Возвращает строку (только для чтения) с кодовым именем броузера.
navigator.appCodeName
Применение: Для вывода на экран кодового имени текущего броузера служит следующая строка:
document.write ("Кодовое название вашего броузера: " + navigator. appCodeName + ".");
Для Netscape Navigator 2.0 это выражение вернет: Кодовое название вашего броузера: Mozilla.

--------------------------------------------------------------------------------
appName (Свойство)
Возвращает строку (только для чтения) с именем броузера.
navigator.appName
Применение: Для вывода на экран имени приложения текущего броузера служит следующая строка: document.write("Название вашего броузера: " + navigator. appName + "."); Для Netscape Navigator 2.0 это выражение вернет: Название вашего броузера: Netscape.

--------------------------------------------------------------------------------
appVersion (Свойство)
Возвращает строку с информацией о версии броузера.
navigator.appVersion
Применение: Свойство appVersion используется для проверки версии используемого на клиентском компьютере броузера. Оно возвращает значение в формате: номер_версии (платформа; страна ). Для версии Netscape 2.0 под Windows 95:
document.write ("Версия вашего Броузера: " + navigator. appVersion + "."); возвращает: Версия вашего броузера: 2.0 (Win95; 1).
Возвращенное значение говорит о том, что используется международная версия Navigator 2.0, работающая под Windows 95. Код страны U указывает версию для США, в то время как код 1 возвращается международной версией.

--------------------------------------------------------------------------------
asin (Метод)
Возвращает арксинус своего аргумента.
Math.asin(argument)
Применение: При передаче методу asin числа в диапазоне от -1 до 1 он возвращает арксинус аргумента (от -Пи/2 до Пи/2 радиан). Если передаваемый аргумент выходит за пределы указанного диапазона, возвращается 0.

--------------------------------------------------------------------------------
atan (Метод)
Возвращает арктангенс своего аргумента.
Math.atan(argument)
Применение:
Метод atan возвращает число между -Пи/2 и Пи/2 радиан. Аргументом является число в диапазоне от -1 до 1, равное тангенсу возвращаемого значения.




--------------------------------------------------------------------------------
back (Метод)
Вызывает переход к предыдущему URL из списка просмотренных в текущей сессии работы с броузером документов.
history.back();
Применение: Использование метода идентично применению выражения history.gо(-1).
bgColor (Свойство)
Фоновый цвет документа. document.bgColor
Применение: Использование свойства bgColor имеет приоритет над соответствующей настройкой броузера. Его значение записывается как шестнадцатеричный триплет RGB или строковый литерал. Значение свойства может быть изменено в любой момент. Следующий пример позволяет пользователям устанавливать свой собственный цвет фона с помощью переключателей.
function newColor(colorString)
{
document.bgColor = colorString;
}


Alice Blue
Ochre
Papaya Whip


big (Метод)
Форматирует строковый объект более крупным шрифтом.
stringName.big();
Применение: По своей функциональности использование метода идентично изменению шрифта выводимого текста с помощью тега HTML . Оба следующих примера приводят к одному и тому же результату: выводу сообщения "Добро пожаловать на мою домашнюю страницу" крупным шрифтом:
var welcomeMessage = "Добро пожаловать на мою домашнюю страницу";
document.write (welcomeMessage.big());
До6ро пожаловать на мою домашнюю страницу

--------------------------------------------------------------------------------
blink (Метод)
форматирует строковый объект в виде мигающей строки.
stringname.blink();
Применение: Использование метода идентично изменению вида выводимого текста с помощью тега HTML . Оба следующих примера приводят к одному и тому же результату: выводу мигающей строки "Обратите внимание":
var attentionMessage=" Обратите внимание ";
document.write (attentionMessage.blink());
<ВLINК>Обратите внимание

--------------------------------------------------------------------------------
blur (Метод)
Удаляет фокус из указанного элемента формы.
document.formName.elementName.blur();
document.forms[index].elements[index].blur();
Применение: Например, следующая строка удаляет фокус из элемента feedback:
feedback.blur();
в предположении, что элемент feedback определен так:


--------------------------------------------------------------------------------
bold (Метод)
Форматирует строковый объект жирным шрифтом.
stringName.bold();
Применение: Использование метода идентично изменению стиля шрифта с помощью тега HTML <В>.

--------------------------------------------------------------------------------
button (Объект)
Кнопка в форме.
formName.buttonName;
forms(index].elements[index];
Применение: Кнопки должны быть определены внутри тега

и могут быть использованы для выполнения каких-либо действий.

Для лучшей читаемости кода программы и во избежание неоднозначности при обращении к элементу формы рекомендуется использовать имя элемента вместе с именем формы. При назначении кнопке обработчика события onClick эта кнопка становится дополнительным средством для инициализации событий, отличных от submit и reset. Щелчок на следующей кнопке вызывает функцию validateForm.


--------------------------------------------------------------------------------

ceil (Метод)
Возвращает ближайшее целое число, большее или равное аргументу.
Math.ceil(argument);
Применение: Метод возвращает наименьшее целое число, большее или равное целому или дробному аргументу. Например:
Math.ceil(1.01) возвращает 2.



--------------------------------------------------------------------------------
charAt (Метод)
Возвращает символ из строки.
stringName.charAt(index);
Применение: Этот метод принимает целое число в качестве аргумента и возвращает символ, находящийся на этой позиции в строке. Позиция первого символа равна 0, а последнего - длине строки минус 1.
var userName ="Bobba Louie";
document.write(userName.charAt(4));
возвращает "a".

--------------------------------------------------------------------------------
checkbox (Объект)
Элемент формы, который пользователь устанавливает в состояние on или посредством щелчка левой кнопкой мыши.
formName.checkboxName;
forms[index].elements[index]
Применение: Объект checkbox определяется в теге .
textToDisplay
Свойства и методы флажков имеют множество применений. Используйте свойство checked объекта checkbox для проверки текущего состояния флажка: установлен (true) или нет (false). Если атрибут CHECKED был использован в определении флажка, свойство defaultChecked также возвращает true.

--------------------------------------------------------------------------------
checked (Свойство)
Возвращает логическое значение, представляющее текущее состояние отдельного флажка или переключателя.
formName.checkboxName.checked
formName.radioButtonName[index].checked
forms[index].elements[index].checked
Применение: Свойство checked возвращает логическое значение (true или false), показывая, установлен ли флажок или переключатель. Значение свойства изменяется немедленно после изменения пользователем состояния элемента. Будучи использовано в цикле for...in, свойство может помочь определить состояние кнопок:
function whichOneChecked()
{
var checkedValue = "";
for (var i in document.formName.radioName)
{
if (document.formName.radioName[i].checked==true)
checkedValue=document.formName.radioName[i].value;
}

--------------------------------------------------------------------------------
clear (Метод)
Очищает окно броузера.
document.clear();
Применение: Метод clear уничтожает содержимое окна, вне зависимости от того, как оно было заполнено.

--------------------------------------------------------------------------------
clearTimeout (Метод)
Сбрасывает таймер.
[windowName.]clearTimeout(argument);
parent.[frameName.]clearTimeout(argument);
Применение: Метод clearTimeout отключает задержку таймера, установленную до этого с помощью метода setTimeout. Уникальный идентификатор таймера, полученный при его установке, должен быть указан для сброса задержки:
clearTimeout(waitTime);

--------------------------------------------------------------------------------
click (Метод)
Эмулирует щелчок на объекте левой кнопкой мыши.
formName.elementName.click();
forms[index].elements[index].click();

--------------------------------------------------------------------------------
close (Метод)
Для объекта document закрывает текущий поток вывода и показывает содержимое документа на экране. Для объекта window закрывает текущее окно.
document.close();
window.close();
[windowName.]close();
Применение: Для документов метод close прекращает динамическое формирование документа, выводит содержимое документа на экран и сообщение "Document: Done" в строке состояния. Для объектов window подразумевается текущее окно window. Например, каждая из строк:
window.close();
close();
self.close();
закрывает текущее окно.

--------------------------------------------------------------------------------
confirm (Метод)
Выводит диалоговое окно JavaScript Confirm .
window.confirm();
[windowMame.]confirm();
Применение: Сходное с диалоговым окном JavaScript Alert, но дополненное кнопкой Cancel, диалоговое окно JavaScript Confirm выводит сообщение и две кнопки выбора. Метод confirm возвращает true, если пользователь нажимает кнопку ОК, и false при нажатии кнопки Cancel. Следующий пример загружает документ в новое окно, если пользователь выбирает ОК:
if (confirm('Are you sure you want to enter'))
{ tourWindow = window.open ("http://www.haunted.com", "hauntedhouse") }

--------------------------------------------------------------------------------
cookie (Свойство)
Строка с небольшим количеством информации, сохраняемая броузером в файле cookies.txt на клиентском компьютере.
document.cookie
Применение: Значение, хранимое в свойстве cookie, может быть извлечено с помощью методов charAt, IndexOf и lastIndexOf. Специальное свойство cookie сохраняет информацию о состоянии клиентского компьютера. Эта информация может быть затребована сервером. В свойство cookie включен диапазон URL, к которым эта информация относится. Будущие запросы HTTP со стороны клиента, попадающие в указанный диапазон URL, будут включать в себя допустимую для этого диапазона информацию о клиенте и передаваться серверу. Этот простой способ хранения данных позволяет серверу возвращать ответы клиентскому компьютеру с учетом информации о клиенте. Примерами такого использования свойства cookie являются посылка регистрационной информации и автоматизация ввода идентификатора пользователя. Пользовательские настройки могут быть сохранены на клиентском компьютере и затребованы сервером во время соединения. Можно ограничить время существования свойства cookie. Для отправки и просмотра установок cookie в HTML-сценарии свойству следует присвоить значение:
document.cookie = "string";

cos (Метод)
Возвращает косинус своего аргумента.
Math.cos(argument);
Применение: Величина угла должна быть указана в радианах, возвращаемый результат будет находиться в диапазоне от -1 до 1.

--------------------------------------------------------------------------------

Date (Объект)
Предоставляет набор методов для работы с датами и временем.
Date.method(parameters)
Применение: Встроенный объект Date заменяет в языке JavaScript обычные типы данных для дат. Несмотря на отсутствие каких-либо свойств, объект Date имеет несколько методов для установки и изменения своего значения. Хотя значения даты возвращаются в стандартной форме, фактическое значение хранится как количество миллисекунд, прошедших после полуночи 1 января 1970 года. Применение этого соглашения запрещает использование дат до 1970 года. Для создания нового объекта Date можно использовать несколько вариантов синтаксиса:
objectName = new Date()
objectName = new Date("month day, year" [hours:minutes:seconds]")
objectName = new Date(year, month, day [, hours, "" minutes, seconds])
Если при создании объекта Date опустить компонент, указывающий время, оно по умолчанию будет установлено в 00:00:00. За исключением номера дня в месяце, все числовые предста-ления даты нумеруются с нуля. Это не должно представлять проблемы, если не считать месяцев. Они представляются числами от 0 (январь)до 11(декабрь).



--------------------------------------------------------------------------------
defaultChecked (Свойство)
Логическое значение (true или false), указывающее состояние флажка или переключателя по умолчанию.
formName.elementName.defaultChecked
forms[index].elements[index].defaultChecked
Применение: Установка значения свойства defaultChecked может перекрывать атрибут CHECKED тега, создавшего элемент формы. Следующий фрагмент программы возвращает группу переключателей к их исходному состоянию путем поиска и установки переключателя в положение по умолчанию:
for (var i in menuForm.choices) {
if (menuForm.choices[i].defaultChecked) {
menuForm.choices[i].defaultChecked = true }
}
Изменение свойства defaultChecked не влияет на вывод на экран переключателя, даже если затронуто состояние других переключателей.

--------------------------------------------------------------------------------
defaultSelected (Свойство)
Состояние элемента формы select по умолчанию.
formName.elementName.defaultSelected
forms[index].elements[index].defaultSelected
Применение: Свойство defaultSelected возвращает true или false, в зависимости от того, был ли при создании элемента формы использован в теге атрибут SELECTED. Программная установка значения этого свойства перекрывает наличие или отсутствие атрибута SELECTED тега . Синтаксис и поведение аналогичны свойству defaultChecked.

--------------------------------------------------------------------------------
defaultStatus (Свойство)
Выводимое по умолчанию сообщение в строке состояния в нижней части окна броузера.
[windowName.]defaultStatus
Применение: Устанавливает сообщение, выводимое в строке состояния, когда броузер не выдает своих сообщений. Это сообщение вытесняется более приоритетными или временными сообщениями, подобными сообщению, инициируемому обработчиком события mouseOver. Например:
window.defaultStatus = "Добро пожаловать на мою домашнюю страницу"
выводит приветственное сообщение в тот момент, когда указатель мыши не находится над гиперссылкой или броузер не извещает пользователя о производимых им действиях.

--------------------------------------------------------------------------------
defaultValue (Свойство)
Первоначальное содержимое текстовых элементов формы.
formName.elementName.defaultValue
forms[index].elements[index].defaultValue
Применение: Для любого из стандартных полей ввода текстовых данных форм HTML - hidden, password, text, textarea (для которых значение по умолчанию записывается между тегами ) и string - свойство defaultValue возвращает первоначальное содержимое, установленное в тегах, независимо от текущего значения. Для элементов типа password это свойство автоматически устанавливается в null по соображениям безопасности, независимо от установленного значения. <br /> <br /> --------------------------------------------------------------------------------<br /> document (Объект) <br /> Объект, создаваемый броузером во время загрузки страницы.<br /> document.propertyOrMethod <br /> document.objectName.propertyOrMethod <br /> Применение: Объект document является одним из основных в JavaScript и содержит информацию о текущем документе, такую как заголовок, цвет фона и имеющиеся в документе формы. Эти свойства определяются в теге . С помощью методов write и writeln объект document позволяет также выводить для пользователя на экран текст HTML. Вы можете ссылаться на якоря, формы и гиперссылки документа с помощью соответствующих массивов объекта document. Элементы этих массивов соответствуют каждому якорю, форме или гиперссылке документа. <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> E (Свойство)<br /> Основание натуральных логарифмов.<br /> Math.E <br /> Применение: Также называется константой Эйлера, значение приблизительно равно 2.71828. <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> elements array (Объект)<br /> Массив элементов формы в порядке их определения в исходном документе.<br /> fоrmName.elements[index]<br /> forms[index].elements[index]<br /> Применение: В этот массив включены все элементы формы. Обращение к этому массиву происходит с помощью имени формы или массива forms. Элементами формы являются кнопки, флажки, переключатели, объекты text и textarea. Ссылаться на элементы можно по их индексу. Например, если форма содержит два текстовых поля, три переключателя и две кнопки, все они - соответствующие элементы в массиве elements от formName.elements[0] до formName.elements [6]. Заметьте, что нумерация начинается с О, а не с 1. Для определения количества элементов в форме служит свойство length. Значением свойства value для каждого элемента массива elements является полный текст тега HTML, создавшего элемент. На элементы формы можно также ссылаться по их именам. Например, элемент типа password, названный newPassword, является вторым элементом формы на странице HTML. Его значение может быть получено тремя способами:<br /> formName.elements[1].value<br /> formName.elements["newPassword"].value<br /> formName.newPassword.value<br /> Значения элементов массива elements доступны только для чтения. <br /> <br /> --------------------------------------------------------------------------------<br /> elements (Свойство)<br /> Массив объектов, содержащий элементы формы в том порядке, в котором они перечислены в тексте страницы HTML.<br /> formName.elements[index] <br /> forms[index].elements[index]<br /> Применение: Нумерация элементов массива начинается с нуля и заканчивается количеством элементов формы минус 1. <br /> <br /> --------------------------------------------------------------------------------<br /> encoding (Свойство)<br /> Возвращает строку с типом кодирования MIME.<br /> formName.encoding forms[index].encoding<br /> Применение: Тип кодирования MIME устанавливается в атрибуте ENCTYPE тега HTML <form>. Стандарты кодирования MIME в HTML не устоялись, но черновые документы и информацию о состоянии дел можно найти на Web-сайте University of California Information and Computer Sciences Department <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.ics.uci.edu/pub/ietf/html/" target="_blank">http://www.ics.uci.edu/pub/ietf/html/</a>. <br /> <br /> --------------------------------------------------------------------------------<br /> escape (Метод)<br /> Возвращает ASCII-код своего аргумента.<br /> escape(argument) <br /> Применение: Коды ASCII HTML основаны на наборе символов ISO Latin-1 и записываются в форме %ххх, где ххх - десятичное число, представляющее код ASCII. Этот метод не относится к какому-либо объекту, а является встроенным в язык JavaScript. Буквы латинского алфавита и числа возвращаются как есть, для остальных символов возвращаются коды ASCII.<br /> document.write(escape("Hi!"))<br /> возвращает Hi%21 <br /> <br /> --------------------------------------------------------------------------------<br /> eval (Метод)<br /> Вычисляет строку как числовое выражение.<br /> eval(string) <br /> Применение: Встроенная функция языка JavaScript получает числовое или строковое значение как аргумент. В случае получения строки метод eval пытается преобразовать ее в числовое выражение, затем вычисляет это выражение и возвращает получившийся результат.<br /> var x = 10<br /> var у = 20 <br /> document.write(eval("x + у")) <br /> Этот метод может быть также использован для выполнения команд JavaScript, включенных в строку. <br /> var doThis = "if (х==10)" {<br /> alert('Достигнуто максимальное значение')<br /> }<br /> function checkMax() {<br /> х++;<br /> eval(doThis)<br /> }<br /> Этот метод может оказаться полезным для преобразования введенной в поле формы строки, представляющей собой какую-то дату, в числовое выражение. <br /> <br /> --------------------------------------------------------------------------------<br /> ехр (Метод)<br /> Возвращает значение экспоненты.<br /> Math.exp(argument) <br /> Применение: Метод возвращает число Е (константу Эйлера), возведенное в степень, равную аргументу. <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> fgColor (Свойство)<br /> Цвет текста, выводимого на странице.<br /> document.fgColor<br /> Применение: Цвета в JavaScript представлены в виде шестнадцатеричных триплетов RGB или строковых литералов. Это значение не может быть изменено после загрузки документа, для отдельных фрагментов текста можно изменить цвет с помощью метода fontcolor. Свойство fgColor записывается в двух формах:<br /> document.fgColor="aliceblue" <br /> document.fgColor="FOF8FF"<br /> что дает тот же эффект, что и атрибут TEXT тега :<br /> <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> fixed (Метод) <br /> Выводит строку на экран шрифтом фиксированной ширины.<br /> stringName.fixed() <br /> Применение: Использование метода fixed аналогично применению тега HTML <tt>. <br /> <br /> --------------------------------------------------------------------------------<br /> floor (Метод) <br /> Возвращает ближайшее целое число, меньшее или равное аргументу.<br /> Math.floor(argument) <br /> Применение: Если этому методу передано в качестве аргумента целое или дробное число, он возвращает целое число, меньшее или равное аргументу. Например:<br /> Math.floor(2.99) возвращает 2. <br /> <br /> --------------------------------------------------------------------------------<br /> focus (Метод) <br /> Передает фокус указанному элементу формы.<br /> formName.elementName.focus() <br /> forms[index].elements[index].focus()<br /> Применение: Используя имена формы и элемента, метод focus передает фокус элементу. С этого момента можно программно ввести значение в элемент формы, либо пользователь может сделать это вручную. <br /> <br /> --------------------------------------------------------------------------------<br /> fontcolor (Метод) <br /> Переопределяет цвет выводимого текста для строкового объекта.<br /> stringName.fontcolor() <br /> Применение: Метод fontcolor форматирует строковый объект цветом, указанным в аргументе как шестнадцатеричный триплет RGB или строковый литерал. Использование метода fontcolor подобно использованию тега <font color="color">.<br /> myDog = "Brown";<br /> document.write(myDog.fontcolor("sienna")) <br /> <br /> --------------------------------------------------------------------------------<br /> fontsize (Метод) <br /> Выводит на экран строку шрифтом указанного размера.<br /> stringName.fontsize(argument) <br /> Применение: Этот метод использует один из семи возможных размеров шрифта, устанавливаемых в теге <font size="size">. Если методу передана строка, размер шрифта задается относительно базового значения, установленного в теге . Аргумент задает размер шрифта. Если это целое число, то оно представляет собой размер шрифта и должно быть в диапазоне от 1 до 7. Если же в качестве аргумента передана строка, размер шрифта изменяется относительно базового. <br /> <br /> --------------------------------------------------------------------------------<br /> form (forms array) (Объект) <br /> Объект, представляющий форму на странице.<br /> document.formName <br /> document.forms[index] <br /> Применение: Объект form является свойством объекта document. Каждая форма в документе является отдельным объектом. На нее можно ссылаться по имени. Объект form является также элементом массива forms, определенного в тегах HTML. Если первая форма в документе называется orderForm, то ссылаться на нее можно как на document.orderForm или document.forms[0]. Если форме не присвоено имени, сослаться на нее можно только как на элемент массива forms по индексу. Для получения количества форм на странице служит свойство length.<br /> document.forms.length <br /> Отдельные элементы формы могут быть указаны по их именам или как элементы массива elements.<br /> document.formName.elements[index] <br /> Массив forms - объект только для чтения. Попытка установить значение с помощью выражения: document.forms[1]="0ldGuestBook" не даст никакого эффекта. <br /> <br /> --------------------------------------------------------------------------------<br /> forms (Свойство)<br /> Массив объектов, соответствующих формам, созданных в тегах HTML в том же порядке.<br /> document.forms <br /> Применение: Свойство forms относится к объекту document и содержит по элементу на каждую форму в документе. Более подробно см. в описании объекта form. <br /> <br /> --------------------------------------------------------------------------------<br /> forward (Метод)<br /> Загружает следующий документ из списка URL, просмотренных за текущий сеанс работы с броузером. <br /> history.forward() <br /> Применение: Результат действия этого метода аналогичен выражению history.go(1). <br /> <br /> --------------------------------------------------------------------------------<br /> frame (Объект)<br /> Окно (кадр), содержащее независимо прокручиваемый субдокумент HTML.<br /> [windowName.][parent.]frameName <br /> [windowName.][parent.]frames[index]<br /> Применение: Кадры могут быть связаны с различными URL. Загрузка документов в каждый кадр может быть инициирована из другого кадра в том же окне броузера. Каждый кадр представляет собой объект типа window, определенный в теге для создания требуемой компоновки страницы. Страница определяется в родительском документе HTML. Все субдокументы являются дочерними по отношению к родительскому. Если кадр содержит определения атрибутов SRC и NAME, то кадр может быть идентифицирован с помощью выражений parent.frameName или parent.frames[index]. <br /> <br /> --------------------------------------------------------------------------------<br /> frames (Свойство)<br /> Массив, соответствующий дочерним кадрам, созданным с помощью тега .<br /> [windowName.][parent.]frameName <br /> [windowName.][parent.]frames[index]<br /> Применение: Определить количество кадров в окне можно с помощью свойства length. Дополнительная информация содержится в описании объекта frame. <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> getDate (Метод) <br /> Возвращает число месяца.<br /> Date.getDate()<br /> Применение: Один из немногих элементов языка JavaScnpt, нумерация в котором начинается не с 0. Этот метод возвращает число в диапазоне от 1 до 31, представляющее число месяца. <br /> endOfTheWorld = new Date("January 11, 1996 06:18:00")<br /> document.write(endOfTheWorld.getDate()) //Возвращает 11 <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> getDay (Метод) <br /> Возвращает день недели как целое число от 0 (воскресенье) до 6 (суббота).<br /> Date.getDay()<br /> dateName.qetDay()<br /> Применение: Соответствующего метода setDay не существует, так как день недели автоматически вычисляется на основе значения объекта Date. <br /> <br /> --------------------------------------------------------------------------------<br /> getHours (Метод) <br /> Возвращает час суток.<br /> Date.getHours()<br /> dateName.getHours()<br /> Применение: Значение возвращается в 24-часовом формате, от 0 (полночь) до 23. <br /> <br /> --------------------------------------------------------------------------------<br /> getMinutes (Метод) <br /> Возвращает минуты как целое от 0 до 59.<br /> Date.getMinutes() <br /> dateName.getMinutes()<br /> Применение: Подобно остальным методам объекта Date, getMinutes просто возвращает один из элементов времени. <br /> endOfTheWorld = new Date("January 11, 1996 06:18:00")<br /> document.write(endOfTheWorld.getMinutes()) //Возвращает 18 <br /> <br /> --------------------------------------------------------------------------------<br /> getMonth (Метод) <br /> Возвращает номер месяца в году.<br /> Math.getMonth() <br /> dateName.getMonth()<br /> Применение: Номер месяца возвращается как целое число в интервале между 0 (январь) и 11 (декабрь), а не как строка. Это значение может внести путаницу, так как не соответствует стандартному способу нумерации месяцев. Прежде чем вывести значение на экран или после получения данных, введенных пользователем в форму, надо произвести соответствующие преобразования.<br /> function toReality() { <br /> //преобразует номер месяца в систему "1-12"<br /> this += 1 }<br /> function toConvention() { <br /> // преобразует номер месяца в систему "0-11"<br /> this -= 1 } <br /> <br /> --------------------------------------------------------------------------------<br /> getSeconds (Метод) <br /> Возвращает число секунд.<br /> Date.getSeconds() <br /> dateName.getSeconds()<br /> Применение: Секунды возвращаются как целое число от 0 до 59. <br /> <br /> --------------------------------------------------------------------------------<br /> getTime (Метод) <br /> Возвращает целое число, представляющее собой текущее значение объекта date.<br /> Date.getTime() <br /> dateName.getTime()<br /> Применение: Значение представляет собой количество миллисекунд, прошедших после полуночи 1 января 1970 года. Это значение может использоваться для сравнения двух дат. <br /> <br /> --------------------------------------------------------------------------------<br /> getTimezoneOffset (Метод) <br /> Возвращает разницу в минутах между местным временем клиента и гринвичским (GMT).<br /> Date.getTimezoneOffset() <br /> dateName.getTimezoneOffset()<br /> Применение: Это значение является константой, за исключением случаев перехода на летнее/зимнее время. <br /> <br /> --------------------------------------------------------------------------------<br /> getYear (Метод) <br /> Возвращает год объекта date минус 1900.<br /> Date.getYear() <br /> dateName.getYear()<br /> Применение: Несмотря на то что значение года может быть передано объекту date как 4-значное число в виде строки, возвращаемое методом getYear значение является 2-значным числом. Например, 1996 возвращается как 96. <br /> <br /> --------------------------------------------------------------------------------<br /> go (Метод) <br /> Загружает документ из списка страниц, посещенных за текущий сеанс работы броузера.<br /> history.go(argumentOrURL)<br /> Применение: Этот метод может ссылаться на документы из списка history по URL или по относительной позиции в этом списке. Если указан неполный адрес URL, используется ближайшее соответствующее значение. Результат поиска не зависит от регистра. <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> hash (Свойство)<br /> Возвращает часть URL, начинающуюся с символа #.<br /> document.linkName.hash<br /> document.links[index].hash<br /> document.location.hash<br /> Применение: Свойство hash ссылается на имя, созданное в теге <А NAME . . . >. Изменяя это свойство, можно изменять часть URL, начинающуюся с символа #, хотя безопаснее менять весь URL с помощью свойства href. Если имя, указанное в свойстве hash данного URL, не удается найти, возвращается ошибка. <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> hidden (Объект) <br /> Текстовый объект в форме HTML, не отображаемый на экране.<br /> document.formName.hiddenName<br /> document.forms[index].elements[index].propertyOrMethod<br /> Применение: Объект hidden может применяться наряду с cookie для передачи пар имя/значение для клиент-серверного взаимодействия. Разница в том, что cookie постоянно существуют на клиентском компьютере в течение сессии, в то время как объект hidden относится к конкретной форме. Первоначальное содержание объекта hidden может быть из менено внутри функции путем присвоения нового значения свойству value этого объекта.<br /> <input name="failedTries" value="0" /> <br /> ...строки кода... <br /> function setRetry() {<br /> document.userPasswordForm.failedTries.value++ }<br /> Каждый раз, когда вызывается функция setRetry, значение объекта типа hidden, названного failedTries, увеличивается на единицу. Это один из примеров гибкости типов переменных в JavaScript. Первоначальное значение объекта представляет собой строку. Несмотря на это, когда программа встречает математический оператор, она пытается преобразовать значение объекта в целое число. <br /> <br /> --------------------------------------------------------------------------------<br /> history (Объект) <br /> Список ранее просмотренных страниц, аналогично пункту меню Go броузера.<br /> document.historу<br /> Применение: Этот объект унаследован из меню Go броузера и содержит список ранее просмотренных страниц. Методы объекта служат для навигации к любому элементу списка. Для определения количества элементов объекта служит свойство length:<br /> document.history.length<br /> Навигация представляет собой относительное перемещение по списку вперед или назад, подобно использованию кнопок на панели инструментов.<br /> document.history.forward() <br /> document.history.back()<br /> Метод go допускает и более сложные, чем просто перемещение к следующей или предыдущей странице, переходы по списку, подобно выбору адреса прямо из меню Go.<br /> document.history.go(-2) <br /> //загружает предпоследнюю страницу<br /> Указав конкретное окно, можно управлять навигацией в других окнах или кадрах. Следующий пример загружает новую страницу из списка объекта history в кадр с именем content. Заметьте, что имя кадра заменяет указание документа.<br /> parent.content.history.back() <br /> // загружает предыдущую страницу в кадр <br /> <br /> --------------------------------------------------------------------------------<br /> host (Свойство) <br /> Возвращает строку, сформированную из свойств URL hostname и port.<br /> location.host <br /> linkName.host <br /> links[index].host<br /> Применение: Предоставляет метод для просмотра и изменения той части URL, которая идентифицирует Web-узел. Если порт не указан, свойства host и hostname одинаковы.<br /> location.host = "www.montana.com:80" <br /> <br /> --------------------------------------------------------------------------------<br /> hostname (Свойство) <br /> Возвращает или изменяет строку с именем домена или IP-адресом URL.<br /> location.hostname <br /> linkName.hostname <br /> links[index].hostname<br /> Применение: Это свойство сходно со свойством host, за исключением того, что не включает в себя информации о номере порта. Если свойство port имеет значение null, то свойства host и hostname одинаковы. Несмотря на то что свойство hostname может быть изменено в любой момент, рекомендуется изменять весь URL сразу. Если указанное значение hostname не может быть найдено, возвращается ошибка. <br /> <br /> --------------------------------------------------------------------------------<br /> href (Свойство) <br /> Возвращает строку, содержащую полный URL текущего документа.<br /> location.href <br /> linkName.href <br /> links[index].href<br /> Применение: Все остальные свойства объектов location и link являются подстроками свойства href, которое может быть изменено в любой момент. URL текущего документа можно вывести на экран с помощью выражения:<br /> document.write("You are here: " + window.location.href) <br /> <br /> --------------------------------------------------------------------------------<br /> index (Свойство)<br /> Возвращает индекс элемента объекта select<br /> formName.selectName.options[index].index <br /> forms[index].elements[index].options[index].index<br /> Применение: Позиция элемента в объекте select нумеруется начиная с 0. <br /> <br /> --------------------------------------------------------------------------------<br /> indexOf (Метод)<br /> Возвращает позицию определенного символа или подстроки.<br /> stringName.indexOf(character | string, startingPoint)<br /> Применение: Поиск начинается с позиции startingPoint. Первый символ в строке имеет номер 0, а последний равен длине строки минус единица. Если подстрока не найдена, метод возвращает -1. Значение параметра startingPoint по умолчанию равно 0.<br /> if (navigator.appVersion.indexOf('Unix') != -1)<br /> return true <br /> <br /> --------------------------------------------------------------------------------<br /> isNaN (Метод)<br /> Проверяет, является ли аргумент числом.<br /> isNaN(argument)<br /> Применение: Метод применим только для UNIX. Эта функция возвращает true, если аргумент не является числом. На всех платформах, кроме Windows, методы parseFloat и parseInt возвращают NaN, если их аргумент не является числом. <br /> <br /> --------------------------------------------------------------------------------<br /> italics (Метод)<br /> форматирует строку курсивом.<br /> stringName.italics()<br /> Применение: Метод italics дает тот же эффект, что и применение тега HTML <i>. <br /> <br /> --------------------------------------------------------------------------------<br /> lastlndexOf (Метод)<br /> Возвращает позицию символа или подстроки в строке, начиная поиск с конца.<br /> stringName.lastlndexOf()<br /> Применение: Возвращает позицию определенного символа или подстроки в строковом объекте, производя поиск с конца строки или с указанной позиции. Если подстрока не найдена, метод возвращает -1.<br /> if (navigator.appVersion.lastIndexOf('Win') != -1) return true <br /> <br /> --------------------------------------------------------------------------------<br /> lastModified (Свойство)<br /> Строка только для чтения, хранящая дату последнего изменения текущего документа.<br /> document.lastModified<br /> Применение: Это свойство опирается на атрибуты файла-источника. Строка форматируется стандартным для JavaScript способом (см. объект Date). Обычно применяется так:<br /> dateModified = "Дата последнего изменения: " + document.lastModified<br /> document.write(dateModified.small()) <br /> <br /> --------------------------------------------------------------------------------<br /> length (Свойство)<br /> Целое число, показывающее длину или размер соответствующего свойства объекта.<br /> formName.length<br /> forms.length<br /> formName.elements.length<br /> forms[index].length<br /> [windowName.]frameName.length<br /> frameRef.frames.length<br /> history.length <br /> radioName.length <br /> selectName.length <br /> selectName.options.length <br /> stringName.length <br /> windowName.length <br /> anchors.length <br /> links.length<br /> Применение: Смысл возвращаемого свойством length значения определяется массивом или объектом, к которому это свойство применено. <br /> <br /> --------------------------------------------------------------------------------<br /> link (links array) (Объект)<br /> Текст или изображение, определенные как гиперссылка на другой URL.<br /> document.linkName<br /> document.links[index]<br /> Применение: Объект link представляет собой объект типа location и, следовательно, имеет те же свойства и методы, что и объект location. Если для объекта определено имя, то он одновременно становится элементом массива anchors. <br /> <br /> --------------------------------------------------------------------------------<br /> link (Метод)<br /> Создает новую гиперссылку на другой URL.<br /> stringName.link(argument)<br /> Применение: Создает новую гиперссылку, определяя атрибут <href> и текст, который увидит пользователь. <br /> linkText = "Wossamatta University";<br /> linkURL = "http://www.wossammotta.edu/";<br /> document.write("Alma mater Рокки: " + linkText.link(linkURL)) <br /> <br /> --------------------------------------------------------------------------------<br /> linkColor (Свойство)<br /> Цвет гиперссылки в документе.<br /> document.linkColor<br /> Применение: Цвет определяется как шестнадцатеричный триплет RGB или строковый литерал. Это свойство не может быть установлено после того, как документ отформатирован. Цвет соответствует атрибуту LINK в теге и не может быть изменен после вывода документа на экран. <br /> document.write("Текущий цвет гиперссылок: " + document.linkColor) <br /> <br /> --------------------------------------------------------------------------------<br /> links (Свойство)<br /> Массив объектов link.<br /> document.links[index]<br /> Применение: Ссылки определяются в HTML с помощью тега <А HREF=URL>. Они отражаются в свойстве links, первая ссылка представлена как document.links[0]. Более подробная информация приводится в описании объекта link. <br /> <br /> --------------------------------------------------------------------------------<br /> LN2 (Свойство)<br /> Константа, представляющая натуральный логарифм числа 2. <br /> Math.LN2<br /> Применение: Значение этой константы приблизительно равно 0.69315. <br /> <br /> --------------------------------------------------------------------------------<br /> LN10 (Свойство)<br /> Константа, представляющая натуральный логарифм числа 10. <br /> Math.LN10<br /> Применение: Значение этой константы приблизительно равно 2.30259. <br /> <br /> --------------------------------------------------------------------------------<br /> location (Объект)<br /> Полная информация об URL текущего документа.<br /> [WindowName.][frameName.location.propertyName <br /> parent.[frameName.]location.propertyName<br /> Применение: Объект location используется для определения URL любого активного документа, включая документы в других окнах или в кадрах навигатора. Если объект window не указан, подразумевается текущее окно. Каждое свойство объекта location содержит отдельную часть URL. Шесть частей URL отражены в объекте location:<br /> protocol//hostname:port/pathname search#hash <br /> <br /> --------------------------------------------------------------------------------<br /> location (Свойство)<br /> Возвращает строку с URL текущего документа.<br /> document.location<br /> Применение: Это свойство только для чтения (document.location) отличается от свойства location объекта window (window.location.propertyName), которое может быть изменено. <br /> <br /> --------------------------------------------------------------------------------<br /> log (Метод)<br /> Возвращает натуральный логарифм для положительного аргумента expression.<br /> Math.log(expression)<br /> Применение: Для отрицательного аргумента всегда возвращает -1.797693134862316е+308. <br /> <br /> --------------------------------------------------------------------------------<br /> LOG2E (Свойство)<br /> Константа, представляющая собой логарифм числа Е по основанию 2.<br /> Math.LOG2E<br /> Применение: Значение этой константы приблизительно равно 1.44270. <br /> <br /> --------------------------------------------------------------------------------<br /> LOG10E (Свойство)<br /> Константа, представляющая собой логарифм числа Е по основанию 10.<br /> Math.LOG10E<br /> Применение: Значение этой константы приблизительно равно 0.43429. <br /> <br /> --------------------------------------------------------------------------------<br /> Math (Объект)<br /> Встроенный в JavaScript объект, дающий доступ к константам и математическим функциям.<br /> Math.property Math.method(arguments)<br /> Применение: Объект Math делится на две части - свойства, содержащие константы и методы для реализации функций. Например, для получения значения числа Пи в уравнении используйте:<br /> Math.PI<br /> Стандартные тригонометрические, логарифмические и экспо-ненциальные функции также включены в этот объект. Все аргументы тригонометрических функций выражаются в радианах. Также представлено несколько операции сравнения, например max - для определения большего из двух чисел. Так как назначением объекта Math является предоставление средств для математических операций, нет необходимости создавать второй объект Math. <br /> <br /> --------------------------------------------------------------------------------<br /> max (Метод)<br /> Возвращает наибольший из двух аргументов.<br /> Math.max(argument1, argument2)<br /> Применение: Принимает любую комбинацию числовых констант или переменных и возвращает значение большей. <br /> <br /> --------------------------------------------------------------------------------<br /> method (Свойство) <br /> Отражает значение атрибута METHOD тега HTML <form>.<br /> formName.method <br /> forms[index].method<br /> Применение: Возвращаемое значение или get, или post. Новое значение может быть установлено в любой момент. <br /> <br /> --------------------------------------------------------------------------------<br /> min (Метод)<br /> Возвращает меньший из двух аргументов.<br /> Math.min(argument1, argument2)<br /> Применение: Принимает любую комбинацию числовых констант или переменных и возвращает значение наименьшего. <br /> <br /> --------------------------------------------------------------------------------<br /> name (Свойство) <br /> Возвращает строку со значением атрибута name объекта.<br /> objectName.name <br /> frameRef.name <br /> frameRef.frames.name <br /> radioName[index].name <br /> selectName.options.name <br /> windowRef.name <br /> windowRef.frames.name<br /> Применение: Атрибут этого свойства зависит от объекта. Он может быть изменен в любой момент. Это свойство ссылается на внутренние имена объектов button, reset и submit, а не на подписи кнопок. Например, после открытия нового окна с помощью:<br /> indexOutline = window.open("somefile.html","MenuPage")<br /> и выполнения команды <br /> document.write(indexOutline.name)<br /> JavaScript вернет строку "MenuPage", то есть присвоенное окну имя. У всех переключателей в группе имена одинаковы, каждый из них идентифицируется своей позицией. <br /> <br /> --------------------------------------------------------------------------------<br /> navigator (Объект) <br /> Содержит информацию о броузере на клиентском компьютере.<br /> navigator<br /> Применение Объект navigator возвращает информацию о броузере, такую как имя и версия броузера. Одно из основных применений этого объекта состоит в определении платформы, используемой на клиентском компьютере, для учета особенностей конкретного броузера, подобных обработке символа новой строки или генерации случайных чисел.<br /> function UnixMachine()<br /> {<br /> if (navigator.appVersion.lastIndexOf('Unix') != 1)<br /> return true; <br /> else return false; <br /> } <br /> <br /> --------------------------------------------------------------------------------<br /> onBlur (Обработчик события) <br /> Событие происходит в тот момент, когда элемент формы select, text или textarea теряет фокус. <input type="elementType" /><br /> Применение: Событие потери фокуса (blur) может использоваться для проверки корректности ввода данных пользователем. Этот обработчик события отличается от обработчика onChange, который вызывается только в случае изменения значения поля.<br /> <input type="text" value="" name="feedback" /> <br /> <br /> --------------------------------------------------------------------------------<br /> onChange (Обработчик события) <br /> Событие происходит в тот момент, когда значение элемента формы select, text или textarea изменилось и элемент потерял фокус. <input type="elementType" /><br /> Применение: Этот обработчик особенно полезен для проверки корректности ввода данных пользователем.<br /> <input type="text" value="StateZIPCode" name="SZC" /> <br /> <br /> --------------------------------------------------------------------------------<br /> onClick (Обработчик события) <br /> Вызывается после щелчка левой кнопкой мыши на объекте.<br /> <input type="elementType" /><br /> Применение: Обработчик onClick придает широкую функциональность кнопкам формы и другим объектам на странице. Кнопки могут использоваться для проверки корректности ввода данных пользователем перед посылкой на сервер или для вычисления результатов в форме или в выражении. Щелчок на переключателе или флажке позволяет переключиться на обработку другой информации. Следующий пример посылает содержимое формы с именем "overtime" функции howRich.<br /> <form name="overtime"><br /> Full days worked: <input type="text" value="0" name="days" size="3" /><br /> Hours worked: <input type="text" value="0" name="hours" size="30" /><br /> <input type="button" value="Compute" name="computeWage" /><br /> <input type=hidden name=tok value=cd778c83503a83525ccc657cd5a64c9f /></form> <br /> <br /> --------------------------------------------------------------------------------<br /> onFocus (Обработчик события) <br /> Событие происходит в тот момент, когда пользователь переходит к элементу формы select, text или textarea для ввода данных.<br /> <input type="inputType" /><br /> Применение: Элемент формы получает фокус в тот момент, когда пользователь переходит к этому элементу формы с помощью клавиши Tab или щелчка мыши. Выделение символов внутри поля приводит к вызову обработчика события onSelect. Одним из применений обработчика onFocus является вывод на экран всплывающей подсказки, когда элемент выбирается в первый раз. <br /> <br /> --------------------------------------------------------------------------------<br /> onLoad (Обработчик события)<br /> Вызывается, когда загрузка документа в окно или в кадр закончена.<br /> <br /> <br /> Применение: Событие load возникает в тот момент, когда броузер заканчивает загрузку окна или всех кадров внутри тега . <br /> <br /> --------------------------------------------------------------------------------<br /> onMouseOver (Обработчик события)<br /> Событие происходит, когда указатель мыши помещается над гиперссылкой.<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=URL">linkText</a><br /> Применение: Обработчик onMouseOver вызывается в тот момент, когда пользователь помещает указатель мыши над объектом link. Для взаимодействия со свойствами status или defaultStatus обработчик события должен возвращать true.<br /> <А HREF="http://home.netscape.com/" onMouseOver="window.status='Netscape'; return true">Netscape<input type=hidden name=tok value=cd778c83503a83525ccc657cd5a64c9f /></form></href></i></font></font></tt><input type=hidden name=tok value=cd778c83503a83525ccc657cd5a64c9f /></form>

--------------------------------------------------------------------------------
onSelect (Обработчик события)
Обработчик события onSelect вызывается в тот момент, когда выделен текст внутри элемента формы.

Применение: Событие select вызывается выбором части или всего текста в объектах text или textarea.

--------------------------------------------------------------------------------
onSubmit (Обработчик события)
Событие происходит в момент щелчка мышью на кнопке Submit для посылки данных формы на сервер.

Применение: Обработчик события onSubmit запускается в момент от правки пользователем данных формы на сервер. Любое отличное от false возвращаемое значение, в том числе пропуск оператора return, приводит к отправке данных на сервер. Для получения более ясного кода рекомендуется вставляв оператор return в обоих случаях.

..-элементы формы...

function feedbackSubmit () {
...строки кода...
if (!validData) { return true; }
else { return false; }
}

--------------------------------------------------------------------------------
onUnload (Обработчик события)
Вызывается, когда пользователь выходит из документа.


Применение: Когда несколько событий unload включено в иерархию кадров, порядок операций - от дочернего к родительскому. Например, событие unload включено в два документа и родительский тег , который загрузил их. Когда дочерний документ изменяется, его событие unload обрабатывается, но событие unload тега не происходит. Когда пользователь выбирает опцию, заменяющую родительский документ на новый источник, событие unload самого верхнего уровня будет обработано.

--------------------------------------------------------------------------------
open (Метод)
Создает новый документ или экземпляр окна.
document.open([MIMEtype])
window.open("URL", "windowName" [,"windowFeatures"]);
Применение: Для документа метод open открывает поток вывода для методов write или writeln. Если тип MIME является версией text или image (например, text/html или image/gif), документ будет открыт для показа. Иначе поток будет направлен в plug-in. Если документ уже существует в целевом окне, метод open очищает это окно. Поток закрывается с помощью метода document.close(). Для окна метод open открывает новое окно броузера, подобно выбору пункта меню File->New Web Browser броузера. При использовании аргумента URL метод загружает в новое окно документ; в противном случае новое окно остается пустым. При использовании метода в программе обработки события форма должна включать объект window; в противном случае подразумевается объект document. Параметр windowFeatures описывается в виде разделенного запятыми списка параметров, где =1 или =yes - включено и =0 или =no - отключено. windowFeatures включают управление выводом инструментальной панели, окна URL, кнопок каталогов, строки состояния, строки меню, полос прокрутки, возможностью изменения размеров, сохранением истории навигации, шириной и высотой.

--------------------------------------------------------------------------------
options (Свойство)
Этот массив параметров является свойством элемента формы select. Массив создается с помощью тегов внутри набора тегов .
formName.selectName.options[index]
forms[index].elements[index].options[index]
Применение: Индекс первого параметра - ноль, второго - 1 и так далее. Более подробная информация содержится в описании объекта select.

--------------------------------------------------------------------------------
parent (Свойство)
Ссылается на вызывающий документ в текущем кадре, созданном тегом .
parent
parent.frameName
parent.frames[index]
parent.property
Применение: Использование свойства parent дает доступ к другим кадрам, созданным тем же самым тегом . Например, пусть два вызываемых кадра называются index и contents. Тогда кадр index может выводить текст в кадр contents, используя синтаксис:
parent.contents.document.write("Здесь был Вася")

--------------------------------------------------------------------------------
parse (Метод)
Преобразует строку даты типа "Jan 11,1996" в количество миллисекунд, прошедших с полуночи 1 января 1970.
Применение: Эта функция может использоваться для возвращения значения даты на основе значения строки. При передаче строки со временем она возвращает значение времени. Так как parse - статическая функция объекта Date, она всегда используется как Date.parse(), а не как метод созданного объекта Date.
Date.parse("Jan 11, 1996");
Today = new Date();
Date.parse(Today.toLocaleString())

--------------------------------------------------------------------------------
parseFloat (Метод)
parseFloat(string)
Применение: Метод parseFloat анализирует строковый аргумент и возвращает число с плавающей точкой, если первый символ переданной строки - знак "плюс", знак "минус", десятичная точка, число "е" (основание натурального логарифма) или цифра. Если parseFloat сталкивается с недопустимым символом, то метод возвращает значение, основанное на подстроке, следующей до этого символа, игнорируя все последующие. Если первый же символ недопустим, parseFloat возвращает одно из двух значений, в зависимости от платформы: Windows - 0, не Windows - NaN.

--------------------------------------------------------------------------------
parseInt (Метод)
Анализирует строковый аргумент и возвращает целое число, основанное на указанной системе счисления.
parseInt(string [,radix])
Применение: При параметре radix, равном 10, string преобразовывается в десятичное число, при 8 преобразовывается в восьмеричное и при 16 - в шестнадцатеричное. Значения, большие 10, для оснований, превышающих 10, представляются символами от А до F вместо чисел. Использование radix, равного 2, служит для преобразований в двоичные числа. Числа с плавающей запятой будут преобразованы в целые числа. Правила обработки строки идентичны правилам для parseFloat. Если radix опущен или система счисления конфликтует с первыми символами, JavaScript использует систему счисления, анализируя первые символы строки.

--------------------------------------------------------------------------------
password (Объект)
Окно ввода пароля в форме HTML.
document.formName.passwordName
document.forms[index].element[index]
Применение: password - текстовое поле, в котором символы, вводимы пользователем, в целях защиты маскируются звездочками. Любые значения по умолчанию, включенные как часть области определения HTML, очищаются при загрузке страницы. Этим предотвращаются намеренные или случайные нарушения защиты. Несмотря на то, что свойство defaultValue допустимо для объекта password, оно всегда возвращает нулевое значение. Возвращаемое значение объекта password может быть программно обработано внутри сценария, однако рекомендуется не использовать литералы (буквенное значение пароля) в тексте сценария из очевидных соображений безопасности.

--------------------------------------------------------------------------------
pathname (Свойство)
Извлекает из URL ту его часть, которая содержит путь.
location.pathname
link.pathname
links[index].pathname
Применение: Хотя pathname может быть изменено в любое время, всегда безопаснее изменить весь URL сразу, используя свойство href.

--------------------------------------------------------------------------------
PI (Свойство)
Возвращает значение числа Пи.
Math.PI
Применение: Значение числа я приблизительно равно 3.14159. Это - отношение длины окружности к диаметру.
circumference = 2 * Math.PI * radius
area = Math.PI * Math.pow(radius,2)

--------------------------------------------------------------------------------
port (Свойство)
Извлекает из URL номер порта.
location.port
link.port
links[index].port
Применение: Значение порта - подстрока свойства host в свойстве href.

--------------------------------------------------------------------------------
pow (Метод)
Возвращает основание, возведенное в степень.
Math.pow(argument)
Применение: Многие языки программирования используют оператор ^ для операции возведения в степень. JavaScript имеет для этого собственный метод. Символ ^ используется в JavaScript для выполнения поразрядной операции XOR.

--------------------------------------------------------------------------------
prompt (Метод)
Отображает диалоговое окно ввода пользователя.
[windowName.]prompt(message [inputDefault])
Применение: Если первоначальное значение для inputDefault не определено, диалоговое окно предлагает з начение .
var userid = prompt("Please enter your ID","")

--------------------------------------------------------------------------------
protocol (Свойство)
Возвращает метод доступа к файлу.
location.protocol
link.protocol
links[index].protocol
Применение: Строка, возвращаемая этим свойством, - начальная часть URL до двоеточия включительно. Это та часть URL, которая указывает метод доступа (http, ftp, mailto и т.п.).

--------------------------------------------------------------------------------
radio (Объект)
Набор переключателей.
formName.radioName[index]
forms[index].elements[index]
Применение: Объекты radio создаются внутри HTML-тега

>и представляют собой переключатели. Набор переключателей позволяет пользователю выбирать один элемент из группы. При ссылке на объект с использованием имени переключателя индекс состоит из кнопок с одинаковым свойством name. При ссылке на переключатель с использованием массива elements каждый переключатель представляет собой отдельный элемент в индексе.

--------------------------------------------------------------------------------
random (Метод)
Возвращает случайное число в интервале между 0 и 1 (только для UNIX).
Math.random()
Применение: Метод random реализован только на UNIX-платформах - пользователи Windows и Macintosh должны использовать альтернативную форму генерации случайного числа.

--------------------------------------------------------------------------------
referrer (Свойство)
URL документа, который привел к текущему документу.
document.referrer
Применение: Возвращает строку только для чтения, содержащую полный URL того документа, который вызвал текущий документ. Это свойство может использоваться со сценарием CGI, чтобы отслеживать, как пользователь перешел к текущей странице.
document.write("Щелкните <А HREF=document.referrer>здесь,, чтобы вернуться к предыдущей странице.")

--------------------------------------------------------------------------------
reset (Объект)
Кнопка для возвращения всем объектам form значений по умолчанию.
formName.resetButtonName
forms[index].elements[index]
Применение: Этот объект соответствует кнопке reset, созданной тегом HTML

, возвращающей все объекты form к их значениям по умолчанию. Объект reset должен быть создан внутри тега и не может управляться из программы обработки события onClick. При нажатии кнопки все объекты формы возвращаются к их значениям по умолчанию. Однако программа обработки события onClick может в дополнение к восстановлению значений по умолчанию вызывать другие действия.

--------------------------------------------------------------------------------
round (Метод)
Округляет число до ближайшего целого.
Math.round(argument)
Применение: Округляет аргумент с плавающей точкой до ближайшего большего целого числа, если десятичная часть больше или равна 0.5, или до ближайшего меньшего целого числа, если десятичная часть меньше, чем 0.5.
Math.round(2.1) // Возвращает 2
Math.round(2.9) // Возвращает З

--------------------------------------------------------------------------------
search (Свойство)
Возвращает любую информацию запроса, присоединенную к URL.
location.search
linkName.search
links[index].search
Применение: Возвращает строку, содержащую любую информацию запроса, Добавленную в конец URL. Данные запроса предваряются знаком вопроса и являются последним элементом в URL документа. Информация в строке форматируется так:
?elementName=element+value
Подобно всем подстрокам свойства href, свойство search может быть изменено в любое время.

--------------------------------------------------------------------------------
select (Метод)
Выделяет область ввода указанного элемента формы.
formName.elementName.select()
forms[index].elements[index].select()
Применение: При использовании вместе с методом focus метод select в JavaScript может выделить поле и установить курсор для ввода.

--------------------------------------------------------------------------------
select (options array) (Объект)
Раскрывающийся список или список с множественным выбором в форме HTML.
formName.selectName
forms[index].elements[index]
formName.selectName[index].options[index]
forms[index].elements[index].options[index]
Применение: Список выбора позволяет пользователю выбирать один элемент из списка. Список прокрутки допускает выбор любого количества элементов из списка при наличии атрибута MULTIPLE во входном теге. Будучи использованным без массива параметров, объект select ссылается на весь список, используя свойства типа length и name. Свойства value и selectedlndex указывают на текущий выбор в списке выбора или на первый выделенный элемент в списке прокрутки

Вы создадите свою первую таблицу стилей/style sheet. Вы узнаете об основах базовой модели CSS и о том, какие коды необходимо использовать для CSS в HTML-документе.

Многие свойства, используемые в Cascading Style Sheets (CSS), аналогичны свойствам HTML. Таким образом, если вы используете HTML для дизайна страниц, вы, наверняка узнáете многие коды. Посмотрим на конкретном примере.
Базовый синтаксис CSS

Скажем, нам нужен красный цвет фона web-страницы:

В HTML это можно сделать так:




С помощью CSS того же самого результата можно добиться так:


body {background-color: #FF0000;}

Как видите, эти коды более или менее идентичны в HTML и CSS. Этот пример также демонстрирует фундаментальную модель CSS:

модель CSS

Но где размещать CSS-код? Именно мы и займёмся прямо сейчас.
Применение CSS к HTML-документу

Есть три способа применить правила CSS к HTML-документу.Мы рассмотри эти три метода.Рекомендую сосредоточиться на третьем - то есть внешней/external таблице стилей.
Метод 1: Инлайн/In-line (атрибут style)

Можно применять CSS к HTML с помощью HTML-атрибута style. Красный цвет фона можно установить так:

This is a red page

Метод 2: Внутренний (тэг style)

Второй способ вставки CSS-кодов - HTML-тэг

Возможно, вы уже слышали о CSS, но не знаете, что это такое? Вы узнаете, что такое CSS и что он может сделать для вас.

CSS это акроним для Cascading Style Sheets/Каскадных таблиц стилей.
Что можно делать с помощью CSS?

CSS это язык стилей, определяющий отображение HTML-документов. Например, CSS работает с шрифтами, цветом, полями, строками, высотой, шириной, фоновыми изображениями, позиционированием элементов и многими другими вещами. Потерпите, и увидите!

HTML может (неправильно) использоваться для оформления web-сайтов. Но CSS предоставляет бóльшие возможности и более точен и проработан. CSS, на сегодняшний день, поддерживается всеми браузерами (программами просмотра).

Вы сможете создавать собственные таблицы стилей и использовать CSS для придания вашему web-сайту великолепного вида.
В чём разница между CSS и HTML?

HTML используется для структурирования содержимого страницы. CSS используется для форматирования этого структурированного содержимого.

Согласен, это звучит как-то заумно. Но, пожалуйста, читайте дальше. Вскоре всё начнёт проясняться.

Давным-давно, когда Мадонна была девой, а парень по имени Tim Berners Lee изобрёл World Wide Web, язык HTML использовался только для вывода структурированного текста. Автор мог только размечать текст: "это - заголовок" или "это - параграф", используя HTML-тэги, такие как

и

.

По мере развития Web дизайнеры начали искать возможности форматирования онлайновых документов. Чтобы удовлетворить возросшим требованиям потребителей, производители браузеров (тогда - Netscape и Microsoft) изобрели новые HTML-тэги, такие, например, как , которые отличались от оригинальных HTML-тэгов тем, что они определяли внешний вид, а не структуру.

Это также привело к тому, что оригинальные тэги структурирования, такие как

, стали всё больше применяться для дизайна страниц вместо структурирования текста. Многие новые тэги дизайна, такие как , поддерживались только одним браузером. "Вам необходим браузер X для просмотра этой страницы" - такой отказ стал обычным явлением на web-сайтах.

CSS был создан для исправления этой ситуации путём предоставления web-дизайнерам возможностей точного дизайна, поддерживаемых всеми браузерами. Одновременно произошло разделение представления и содержимого документа, что значительно упростило работу.
Какие преимущества даст мне CSS?

Появление CSS стало революцией в мире web-дизайна. Конкретные преимущества CSS:

* управление отображением множества документов с помощью одной таблицы стилей;
* более точный контроль над внешним видом страниц;
* различные представления для разных носителей информации (экран, печать, и т. д.);
* сложная и проработанная техника дизайна.

Каскадные таблицы стилей/CSS это язык стилей, определяющий отображение HTML-документов Cascading Style Sheets (CSS) это поразительное изобретение для улучшения вида ваших web-сайтов. Оно поможет сэкономить уйму времени и предоставит вам совершенно новые возможности в дизайне web-сайтов. CSS совершенно необходим каждому, работающему с web-дизайном.


Изучение CSS увлекает. Выделяйте достаточное количество времени для экспериментов

Использование CSS требует знания основ HTML. Если вы не знаете HTML, то начните с Учебника HTML, прежде чем перейти к CSS.
Какое программное обеспечение необходимо иметь?

Не используйте при работе такие программы, как FrontPage, DreamWeaver или Word. Эти продвинутые программы не помогут вам в изучении CSS. Наоборот, они сильно ограничат ваше продвижение в этом направлении.

Вам понадобится бесплатный и простой текстовый редактор.

Например, Microsoft Windows поставляется с программой Notepad. Она обычно находится в Accessories меню Пуск, в Programs. Вы можете также использовать простой текстовый редактор, например Pico для Linux или Simple Text для Macintosh.

Простой текстовый редактор идеально подходит для изучения HTML и CSS, поскольку он не изменяет вводимый вами код. Так вы быстро продвинетесь, а ошибки будут только вашими, а не программными.


Браузер и простой текстовый редактор - вот всё, что вам необходимо.

Давайте начнём!

Всем привет тут будут уроки для новичков все что связано с сайта строение все тонкости этого не легкого дела )
Начнем мы с простого это CSS (каскадная таблица стилей)!