Базовый HTML - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Базовый HTML. Доклад-сообщение содержит 134 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

HTML HyperText Markup Language (Язык разметки гипертекста)

Слайд 2

Описание слайда:

Соглашение об авторских правах Этот материал предназначен исключительно для зарегистрированных в Интернет-центре КубГУ участников курсов, которые имеют право использовать его для самообучения, но не имеют права передавать его или его части другим лицам или использовать в коммерческих целях. Воспроизведение материала лекции любым способом возможно только с письменного разрешения автора.

Слайд 3

Описание слайда:

Что такое HTML? HTML - приложение SGML. Соответствует международному стандарту ISO 8879.

Слайд 4

Описание слайда:

История и стандарты HTML Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах.

Слайд 5

Описание слайда:

Конструкции, используемы в HTML Элементы; Атрибуты; Ссылки-мнемоники;

Слайд 6

Описание слайда:

Структура документа

Слайд 7

Описание слайда:

Информация о версии HTML Объявление типа документа указывает определение типа документа (DTD), используемое в этом документе:

Слайд 8

Описание слайда:

Раздел заголовков Элемент HEAD содержит информацию о текущем документе, такую как заголовок (TITLE ), ключевые слова (META), которые могут использоваться поисковыми машинами, и другие данные, которые не считаются содержимым документа. Каждый документ HTML должен иметь элемент TITLE в разделеHEAD.

Слайд 9

Описание слайда:

Метаданные. Тег META Каждый элемент META задает пару свойство/значение.

Слайд 10

Описание слайда:

Метаданные. Примеры

Слайд 11

Описание слайда:

Тело документа. Атрибуты Нежелательные: background - фоновое изображение. text - цвет текста. link - цвет текста не посещённых гипертекстовых ссылок. vlink - цвет текста посещённых ссылок. alink - цвет текста активной (текущей) ссылки.

Слайд 12

Описание слайда:

Тело документа (1/2)

Слайд 13

Описание слайда:

Способы задания пути background=" - рисунок с другого сайта; background="C:/users/arhiv.www/fp_0008.gif" - рисунок на вашем компьютере; background="pic/fp_0008.gif" - рисунок из директории pic; background="../fp_0008.gif" - рисунок из родительской директории; background="fp_0008.gif" - рисунок из той же директории; 1,2 - абсолютный путь (жестко задаются, привязаны к определенному сайту или компьютеру) 3,4,5 - относительный путь (рекомендуются, хорошо переносимы на другие компьютеры) При размещении документа в интернете регистр букв имени имеет значение.

Слайд 14

Описание слайда:

Цветовые шкалы Black Red

Слайд 15

Описание слайда:

Фразовые элементы (1/4) BLOCKQUOTE – предназначен для длинных цитат, выделяются отступами (содержимое уровня блока). Q предназначен для коротких цитат (встроенное содержимое), в которых не нужно разбиение на абзацы, выделяется кавычками. SUB – нижний индекс. SUP – верхний индекс. Заголовки - H1 (самый большой), H2, H3, H4, H5, H6 (самый маленький). P - Абзац текста.

Слайд 16

Описание слайда:

Фразовые элементы (2/4) EM - Выделение. STRONG - Более сильное выделение. CITE - Цитата или ссылка на другие ресурсы. DFN - Определение вложенного термина. CODE - Компьютерный код. SAMP - Пример программ, сценариев и т.д. KBD - Текст, который должен ввести пользователь. VAR - Экземпляр переменной или аргумента программы. ABBR - Сокращенная форма . ACRONYM - Акроним (например, WAC, радар и т.д.).

Слайд 17

Описание слайда:

Фразовые элементы (3/4) Элемент PRE сообщает браузеру, что содержащийся в нем текст "отформатирован".

Слайд 18

Описание слайда:

Фразовые элементы (4/4)

Слайд 19

Описание слайда:

Списки Атрибуты: type, start, value; id, class, lang, dir, title, style.

Слайд 20

Описание слайда:

Ссылки. Элемент А Каждый элемент A определяет якорь: Содержимое элемента A определяет положение якоря. Атрибуты name и id задают имя якоря, так что он может служить пунктом назначения любого числа ссылок. Атрибут href назначает якорь пунктом назначения ровно одной ссылки.

Слайд 21

Описание слайда:

Ссылки. Элемент Link Link определяет связь. Может присутствовать только в разделе HEAD документа (неограниченное число раз). Хотя элемент LINK, но содержит информацию об отношениях.

Слайд 22

Описание слайда:

Объекты Атрибуты: id, class, lang, dir, title, style, tabindex, usemap (клиентские навигационные карты) name (предоставление формы) , align, width, height, border, hspace, vspace (визуальное представление объектов, изображений и апплетов).

Слайд 23

Описание слайда:

Изображения Элемент IMG позволяет включить изображение.

Слайд 24

Описание слайда:

Атрибут style С помощью атрибута style можно задать стилевое отображение элементов страницы HTML. Некоторые атрибуты:

Слайд 25

Описание слайда:

Таблицы

Слайд 26

Описание слайда:

Таблицы (1/2)

Слайд 27

Описание слайда:

Табличная вёрстка Преимущества: Структурированность. Недостатки: Большое количество кода; Трудная правка Негибкий дизайн в разработке Такие сайты хуже индексируются поисковыми роботами. Плохая совместимость с некоторыми устройствами.

Слайд 28

Описание слайда:

Слои Слой - это HTML-контейнер (тег DIV или SPAN), в который можно помещать желаемое содержимое для последующего точного позиционирования на странице.

Слайд 29

Описание слайда:

Блочная вёрстка Преимущества: Значительное упрощение построения страниц; Упрощение добавления, исправления содержимого и изменения внешнего вида. Недостатки: Плохая переносимость подобных страниц браузерами устаревшей конструкции. Некоторые недостатки связаны с CSS

Слайд 30

Описание слайда:

Формы (1/5) Форма HTML - это раздел документа, в котором содержатся обычная информация, разметка и специальные элементы, называемые управляющими элементами(флажки, кнопки с зависимой фиксацией, меню и т.д.), а также метки этих управляющих элементов.

Слайд 31

Описание слайда:

Формы (2/6)

Слайд 32

Описание слайда:

Формы (3/6)

Слайд 33

Описание слайда:

Формы (4/6)

Слайд 34

Описание слайда:

Формы (5/6)

Слайд 35

Описание слайда:

Формы (6/6)

Слайд 36

Описание слайда:

Задание Создать форму следующего вида:

Слайд 37

Описание слайда:

Карты изображений (Image Map) Атрибуты: shape (= default|rect|circle|poly) - определяет форму области, coords - определяет положение формы на экране (число и порядок значений зависят от определенной формы), nohref - указывает, что с этой областью ссылка не связана, usemap - связывает навигационную карту с элементом. Навигационная карта определяется с помощью элемента MAP. Значение атрибута usemap должно совпадать со значением атрибута name связанного элемента MAP. name, id, class, lang, dir, title, style, name, alе, href, tabindex, accesskey.

Слайд 38

Описание слайда:

Карты изображений (1/2)

Слайд 39

Описание слайда:

Преимущества и недостатки HTML Преимущества: Межплатформеннсть; Малый информационный объём. Недостатки: Отсутствие возможности форматирования (стилевого оформления).

Слайд 40

Описание слайда:

Перспективы В HTML 5 представлен ряд новых тегов: формально подобных "div" и "span", но отличающихся семантически ("nav", "header" и "footer" ) – логическое разделение контента, помощь в индексировании документа поисковыми системами и изменения представления на устройствах с небольшими экранами существенно расширены мультимедиа возможности (тэги "audio" и "video "). Отличия от HTML 4: Новые правила парсинга; Новые элементы: section, video, progress, nav, meter, time, aside, canvas; Новые атрибуты полей ввода (Input): time, email, url; Новые атрибуты: ping, charset, async; Глобальные атрибуты применимые для всех элементов документа: id, tabindex, repeat; * Прекращена поддержка элементов: center, font, strike.

Слайд 41

Описание слайда:

XHTML XHTML - EXtensible HyperText Markup Language - Расширенный язык разметки гипертекста).

Слайд 42

Описание слайда:

Микроформаты Позволяют включать дополнительную информацию для поисковых роботов. Существующие стандарты (X)HTML позволяют включать семантические пометки при помощи следующих HTML атрибутов: class, rel, rev

Слайд 43

Описание слайда:

Микроформаты (1/2) Существующие микроформаты: hCalendar - для событий hCard - для контактной информации, включая: adr - для почтовых адресов geo - для географических координат (широта;долгота) hReview - для обзоров hResume - для резюме rel-directory - для распределенного создания каталогов rel-tag - для децентрализованных пометок (тэгов), см. также фолксономия. xFolk - для помеченных ссылок XFN - для социальный взаимоотношений XOXO - для списков, microformats.org – микроформаты.

Слайд 44

Описание слайда:

CSS Cascading Style Sheets (Каскадные таблицы стилей)

Слайд 45

Описание слайда:

Назначение

Слайд 46

Описание слайда:

Элементы и атрибуты языка документа В CSS имена свойств, дескрипторов и псевдоклассов с двух сторон ограничиваются одинарными кавычками. В CSS значения с двух сторон ограничиваются одинарными кавычками. Имена элементов языка документа пишутся прописными буквами. Имена атрибутов языка документа пишутся строчными буквами и с двух сторон ограничиваются двойными кавычками.

Слайд 47

Описание слайда:

Способы применения CSS переопределение стиля в элементе разметки размещение описания стиля в заголовке документа в элементе STYLE размещение ссылки на внешнее описание через элемент LINK импорт описания стиля в документ

Слайд 48

Описание слайда:

Переопределение стиля Применение атрибута STYLE у данного элемента разметки

Слайд 49

Описание слайда:

Элемент STYLE стандартных элементов HTML-разметки произвольных классов (селектор class) HTML-объектов (селектор id)

Слайд 50

Описание слайда:

Ссылка на внешнее описание Осуществляется при помощи элемента LINK, который размещают в элементе HEAD.

Слайд 51

Описание слайда:

Импорт описания стилей Импортировать стиль можно либо внутрь элемента STYLE, либо внутрь внешнего файла, который представляет собой описатель стиля. Оператор импорта стиля должен предшествовать всем прочим описателям стилей:

Слайд 52

Описание слайда:

Типы носителей all - Все типы. Это значение используется по умолчанию. a текста вслух. Сюда, например, можно отнести речевые браузеры. braille Устройства, основанные на системе Брайля, которые предназначены для слепых людей. handheld - Наладонные компьютеры и аналогичные им аппараты. print - Печатающие устройства вроде принтера. projection - Проектор. screen - Экран монитора. tv - Телевизор.

Слайд 53

Описание слайда:

Типы носителей (1/2)

Слайд 54

Описание слайда:

Типы носителей (1/3)

Слайд 55

Описание слайда:

Синтаксис Синтаксис описания стилей в общем виде представляется следующим образом:

Слайд 56

Описание слайда:

Селекторы

Слайд 57

Описание слайда:

Селекторы (1/2)

Слайд 58

Описание слайда:

Селекторы (1/3)

Слайд 59

Описание слайда:

Селекторы (1/3)

Слайд 60

Описание слайда:

Селекторы (1/4)

Слайд 61

Описание слайда:

Селекторы (1/5)

Слайд 62

Описание слайда:

Селекторы (1/6)

Слайд 63

Описание слайда:

Сопоставление шаблонов Существующие в CSS принципы сопоставления шаблонов (селекторов) определяют применение правил, задающих стиль, к элементам в дереве документа. Если определенный элемент удовлетворяет всем критериям, устанавливаемым шаблоном, то соответствующий селектор сопоставляется данному элементу. Чувствительность имен элементов языка документа к регистру определяется языком документа. В HTML-документах имена элементов не зависят от регистра.

Слайд 64

Описание слайда:

Единицы измерения

Слайд 65

Описание слайда:

Свойства шрифта

Слайд 66

Описание слайда:

Цвет элемента и цвет фона

Слайд 67

Описание слайда:

Границы (border)

Слайд 68

Описание слайда:

Границы (1/2)

Слайд 69

Описание слайда:

Курсоры (cursor)

Слайд 70

Описание слайда:

Отступы

Слайд 71

Описание слайда:

Позиционирование и размеры (1/2)

Слайд 72

Описание слайда:

Позиционирование и размеры (2/2)

Слайд 73

Описание слайда:

Преимущества и недостатки CSS Преимущества: Разделение оформления и содержания; Единое оформление документов; Централизованное хранение; Расширенные возможности; Быстрая работа. Недостатки: Браузеры могут по-разному отображать некоторые элементы, а некоторые, вообще, не поддерживать определённые свойства.

Слайд 74

Описание слайда:

Перемещаемые объекты (1/3) Следующее правило перемещает все блоки, порожденные элементом IMG с class="icon", влево (и устанавливает значение ширины поля равным нулю): IMG.icon { float: left; margin-left: 0; } Рассмотрим следующий исходный HTML-документ и таблицу стилей: Пример перемещаемого объекта IMG { float: left } BODY, P, IMG { margin: 2em } Пример текста, у которого нет другого... Форматирование было бы точно таким же, если бы документ выглядел так: Некоторый произвольный текст, у которого нет другого... Объясняется это тем, что содержимое, находящееся слева от перемещаемого объекта, заменяется им, а само отображается справа от него.

Слайд 75

Описание слайда:

Перемещаемые объекты (2/3) Ниже показано, что происходит при наложении перемещаемого объекта на границы элементов нормального потока.

Слайд 76

Описание слайда:

Перемещаемые объекты (3/3) В следующем примере проиллюстрировано использование свойства 'clear', позволяющего запрещать перемещение содержимого вдоль относительно объекта. Правило P { clear: left } может привести к следующему форматированию:

Слайд 77

Описание слайда:

Абсолютное позиционирование. Фиксированное позиционирование Разработчики могут использовать фиксированное позиционирование для создания презентации в виде совокупности кадров. Рассмотрим один из примеров такой презентации:

Слайд 78

Описание слайда:

Сравнение моделей, описывающих нормальный поток, перемещаемые объекты и абсолютное позиционирование

Слайд 79

Описание слайда:

Нормальный поток Рассмотрим следующие объявления языка CSS "outer" и "inner", которые не вносят изменений в нормальный поток блоков: #outer { color: red } #inner { color: blue } Элемент P заключает в себе все содержимое строки: безымянный текст строки и два элемента SPAN. Поэтому все содержимое будет отображаться в контексте строкового форматирования внутри контейнера, порожденного элементом P. В результате получится следующее:

Слайд 80

Описание слайда:

Относительное позиционирование Чтобы пронаблюдать результаты использования относительного позиционирования, можно воспользоваться следующими правилами: #outer { position: relative; top: -12px; color: red } #inner { position: relative; top: 12px; color: blue } Текст обычным образом достигает внешнего элемента. Затем внешний текст принимает те размеры и то положение в конце строки 1, которые назначаются ему в нормальном потоке. Далее строковые блоки, включающие текст (занимающий три строки), перемещаются как единое целое на '-12px'(вверх). Содержимое внутреннего элемента, выступающего в роли дочернего элемента внешнего, будет отображено обычным образом после слов "внешнего текста" (в строке 1.5). Однако сам внутренний текст смещается относительно внешнего на '12px' (вниз) на свое нормальное положение в строке 2. Обратите внимание, что относительное позиционирование внешнего элемента не оказывает никакого влияния на текст, следующий за внешним элементом.

Слайд 81

Описание слайда:

Перемещение блоков (1/3) Рассмотрим результат перемещения текста внутреннего элемента к правому краю с использованием следующих правил: #outer { color: red } #inner { float: right; width: 130px; color: blue } Текст обычным образом выводится до внутреннего блока, который изымается из нормального потока и перемещается к правому полю (значение 'width' его ширины было указано явно). Линейные блоки, находящиеся слева от перемещаемого объекта, укорачиваются, и оставшаяся часть текста документа отображается в них.

Слайд 82

Описание слайда:

Перемещение блоков (2/3) Чтобы продемонстрировать эффективность работы свойства 'clear', добавим в пример сестринский элемент: Сравнение схем позиционирования II Начало основного текста. Начало внешнего текста. Внутренний текст. Содержимое сестринского элемента. Конец внешнего текста. Конец основного текста. Следующие правила: #inner { float: right; width: 130px; color: blue } #sibling { color: red } как и ранее приводят к перемещению внутреннего блока к правому краю, а оставшаяся часть текста документа перемещается на освободившееся место:

Слайд 83

Описание слайда:

Перемещение блоков (3/3) Однако если для свойства 'clear' сестринского элемента установлено значение 'right' (т.е. генерируемый сестринский блок не располагается следом за перемещаемым блоком справа), то сестринский текст будет выводиться ниже перемещаемого объекта: #inner { float: right; width: 130px; color: blue } #sibling { clear: right; color: red }

Слайд 84

Описание слайда:

Абсолютное позиционирование (1/4) И наконец, рассмотрим результат применения модели абсолютного позиционирования. Рассмотрим следующие объявления outer и inner: #outer { position: absolute; top: 200px; left: 200px; width: 200px; color: red; } #inner { color: blue } В результате верхняя часть внешнего блока размещается относительно контейнера. Контейнер для размещаемого блока назначается ближайшим размещенным предком (или, в случае отсутствия такового, начальным контейнером, как в данном примере). Верхняя сторона внешнего блока находится на '200px' ниже верхней стороны контейнера, а левая сторона на '200px' правее его левой стороны. Дочерний блок внешнего блока перемещается обычным образом относительно его родительского блока.

Слайд 85

Описание слайда:

Абсолютное позиционирование (2/4) В следующем примере показан абсолютно позиционируемый блок, дочерний по отношению к относительно позиционируемому блоку. Хотя родительский внешний блок не смещен, присвоение его свойству 'position' значения 'relative' означает, что он может служить контейнером для позиционируемых потомков. Т.к. внешний блок является строковым блоком, разбиваемым на сегменты, распределяемые по нескольким строкам, то в качестве нулевой точки отсчета для смещения 'top' и 'left' выступают верхний и левый края первого сегмента (изображенные на рисунке толстыми пунктирными линиями). #outer { position: relative; color: red } #inner { position: absolute; top: 200px; left: -100px; height: 130px; width: 130px; color: blue; } В результате получим:

Слайд 86

Описание слайда:

Абсолютное позиционирование (3/4) Если внешний блок не позиционируется, т.е. используются правила #outer { color: red } #inner { position: absolute; top: 200px; left: -100px; height: 130px; width: 130px; color: blue; } то контейнером для внутреннего блока становится начальный контейнер (как в данном примере). На следующем рисунке показано окончательное расположение внутреннего блока.

Слайд 87

Описание слайда:

Абсолютное позиционирование (4/4) Относительное и абсолютное позиционирование может использоваться для вставки маркеров исправлений, как показано в следующем примере. Документ I used two red hyphens to serve as a change bar. They will "float" to the left of the line containing THIS -- word. приведет к следующему представлению: Сначала позиционирование абзаца (стороны контейнера которого показаны на рисунке) осуществляется согласно модели нормального потока. Затем он смещается на '10px' относительно левого края контейнера (таким образом, правое поле размером в '10px' было предусмотрено для компенсации этого смещения). Два тире, выполняющие роль маркеров исправлений, изымаются из потока и помещаются на текущей строке (с помощью свойства 'top: auto') на расстоянии '-1em' от левого края контейнера (назначенного элементом P в момент его окончательного позиционирования). В результате создается эффект перемещения маркеров исправлений влево по текущей строке.

Слайд 88

Описание слайда:

Перспективы. CSS3 Некоторые средства, предусмотренные в CSS3: • Селекторы нового типа, позволяющие форматировать объекты в зависимости от выполнения некоторых условий (например, возможность применять стиль только к первому абзацу, следующему после заголовка). • Улучшенные средства управление цветом, включая гамма-коррекцию. • Возможность отображения данных в виде нескольких колонок. • Новые свойства, предназначенные для создания пользовательского интерфейса. • Свойства, ориентированные на работу с мобильными устройствами. • Расширенные средства поддержки масштабируемой векторной графики (Scalable Vector Graphics - SVG). • Многочисленные новшества, предназначенные для управления размещением фоновых изображений, отображения текстов, форматирования строк и т.д.

Слайд 89

Описание слайда:

Пример использования CSS3

Слайд 90

Описание слайда:

Пример использования CSS3 (1/2)

Слайд 91

Описание слайда:

DOM Document Object Model –Объектная модель документа

Слайд 92

Описание слайда:

Определение DOM – объектная модель документа с соответствующим прикладным программным интерфейсом (API).

Слайд 93

Описание слайда:

Узлы DOM

Слайд 94

Описание слайда:

Элементы DOM

Слайд 95

Описание слайда:

Достоинства и недостатки Достоинства: Удобство использования; Недостатки: Сложность

Слайд 96

Описание слайда:

DHTML Dynamic HTML (Язык динамической разметки гипертекстов)

Слайд 97

Описание слайда:

Определение DHTML - это способ создания Web-приложений с использованием HTML, встраиваемого (и выполняемого на стороне клиента) языка JavaScript, CSS и DOM.

Слайд 98

Описание слайда:

Java Script Язык создания сценариев

Слайд 99

Описание слайда:

Назначение JavaScript Java Script – клиентский язык создания сценариев. Если браузер поддерживает Java Script, код последнего предоставляет доступ к текущей web-странице и определяет по сценарию свойства клиента, порядок переадресации пользователя и многое другое.

Слайд 100

Описание слайда:

Включение кода Java Script Встроенный в HTML-страницу:

Слайд 101

Описание слайда:

Псевдо-URL и обработчики событий Код Java Script можно вызвать, используя псевдо-URL:

Слайд 102

Описание слайда:

Операторы

Слайд 103

Описание слайда:

Операторы (1/2). Комментарии

Слайд 104

Описание слайда:

Циклы. Объявление переменных

Слайд 105

Описание слайда:

Циклы. Переменные (1/2)

Слайд 106

Описание слайда:

Строковые переменные

Слайд 107

Описание слайда:

Массивы в JavaScript

Слайд 108

Описание слайда:

Условные операторы

Слайд 109

Описание слайда:

Условные операторы (1/2)

Слайд 110

Описание слайда:

Функции в JavaScript

Слайд 111

Описание слайда:

Объектная модель JavaScript

Слайд 112

Описание слайда:

Методы и свойства объектов

Слайд 113

Описание слайда:

Методы объекта Window alert() - вывод на экран текстовое сообщение; open() - открытиt окна ; close() – закрыти окна; confirm() - вывод на экран окна сообщения с кнопками Yes и No (возвращает true или false, в зависимости от нажатой кнопки); prompt() - выводит на экран диалоговое окно с полем ввода. Метод setTimeout() устанавливает в текущем окне обработку событий, связанных с таймером; clearTimeout() отменяет обработку таких событий.

Слайд 114

Описание слайда:

DOM (продолжение) Document Object Model (Объектная модель документа)

Слайд 115

Описание слайда:

Навигация по дереву документа

Слайд 116

Описание слайда:

Свойства-характеристики узлов nodeType (только для чтения) – возвращает тип узла ( 1, 2, 3, 8, 9, 10, 11 для узлов, соответствующих тэгу, атрибуту, тексту, комментарию, документу, DTD, фрагменту, соответственно). nodeName (только для чтения) возвращает имя HTML тэга, которому соответствует данный узел, например,P для параграфа илиUL для ненумерованного списка. Для узлов-атрибутов nodeName возвращает название атрибута, а для тестовых узлов возвращает#text. nodeValue (только текстовые узлы) - хранит содержание текстового узла. Для элементов возвращает null, а для атрибутов -- значение атрибута

Слайд 117

Описание слайда:

Создание новых узлов

Слайд 118

Описание слайда:

Редактирование дерева документа

Слайд 119

Описание слайда:

Редактирование дерева документа (1/2)

Слайд 120

Описание слайда:

Работа с атрибутами элементов

Слайд 121

Описание слайда:

Реагирования на события JavaScript С помощью атрибута HTML: С помощью атрибута onXXX, доступного в Java Script: window.onload = xyz; С помощью методов добавления событий: attachEvent() – для IE (используется обозначение события “onXXX”);

Слайд 122

Описание слайда:

Реагирования на события JavaScript (1/2)

Слайд 123

Описание слайда:

Удаление обработчиков событий Для IE: detachEvent() Для всех остальных браузеров: removeEventListner()

Слайд 124

Описание слайда:

Всплытие и перехват событий событий В IE происходит всплытие событий (событие запускается сначала из того элемента, где оно наступает, а затем оно всплывает вверх по структуре модели DOM). W3C (Mozilla, Safari, Konqueror, Opera) события сначала погружаются вниз до целевого элемента, а затем всплывают вверх.

Слайд 125

Описание слайда:

События

Слайд 126

Описание слайда:

События (1/2)

Слайд 127

Описание слайда:

Java Script и CSS

Слайд 128

Описание слайда:

Доступ к стилям Доступ к стилям осуществляется через свойство style:

Слайд 129

Описание слайда:

Доступ к классам Доступ к классам осуществляется через свойство className:

Слайд 130

Описание слайда:

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