- •1. Общие сведения
- •Структура html-документа и элементы разметки заголовка документа
- •Назначение заголовка
- •Отображение содержания элемента title
- •Основные контейнеры заголовка
- •Элемент разметки head
- •Элемент разметки title
- •Элемент разметки base
- •Элемент разметки isindex
- •Применение элемента isindex
- •Применение атрибута prompt
- •Элемент разметки meta
- •Элемент разметки link
- •Элемент разметки style
- •Элемент разметки script
- •Контейнеры тела документа Теги тела документа
- •Тело документа – контейнер body
- •Теги управления разметкой Заголовки
- •Атрибут аlign
- •Теги управления отображением символов
- •Теги, управляющие формой отображения
- •Верхние и нижние индексы
- •Атрибут sizе
- •Атрибут соlоr
- •Создание списков в html
- •Атрибуты маркеров в ненумерованном списке
- •Комментарии в языке html
- •Гипертекстовые ссылки
- •Графика Использование графики в html
- •Атрибуты и их аргументы
- •Атрибут src
- •Атрибут alt
- •Атрибут аlign
- •Атрибут usemap
- •Средства описания таблиц в html
- •Создание таблиц в html
- •Атрибут nowrap
- •Атрибут соlspan
- •Атрибут rowspan
- •Атрибут widтн
- •Применение пустых ячеек
- •Атрибут сеllраdding
- •Атрибуты аlign и valign
- •Атрибут border
- •Атрибут cellspacing
- •Атрибут bgcolor
- •Атрибут background
- •Использование таблиц в дизайне страницы
- •Создание разноцветных таблиц
- •Html-формы
- •Задание формы — элемент form
- •Атрибут cols
- •Как работают фреймы
- •Создание простой страницы с фреймами
- •Задание фреймовой структуры
- •Подготовка содержимого фрейма
- •Подготовка фрейма main
- •Списки Definition: элементы dl, dt и dd
- •Визуальное представление списков
- •Элементы dir и menu
- •Гиперссылки Гиперссылки и якоря. Введение
- •"Посещение" связанного ресурса
- •Другие соотношения гиперссылок
- •Спецификация якорей и гиперссылок
- •Заголовки гиперссылок
- •Интернационализация и гиперссылки
- •Синтаксис имён якорей
- •Вложение ссылок не допускается
- •Якоря с атрибутом id
- •Недоступные и неидентифицируемые ресурсы
- •Взаимосвязи документов: элемент link
- •Гиперссылки вперёд и назад
- •Гиперссылки и внешние таблицы стилей
- •Гиперссылки и машины поиска
- •Информация пути: элемент base
- •Добавление стиля в html
- •Установка языка по умолчанию для таблиц стилей
- •Инлайн-стиль (внедрённый)
- •Информация о стиле в заголовках: элемент style
- •Типы носителя
- •Внешние таблицы стилей
- •Основные и альтернативные таблицы стилей
- •Спецификация внешней таблицы стилей
- •Каскадные таблицы стилей
- •Media-зависимые каскады
- •Наследование и каскадирование
- •Скрытие данных стиля от пользовательских агентов (па)
- •Ссылки на таблицы стилей в заголовках http
- •Выравнивание, стили шрифта и горизонтальные линии Форматирование Цвет фона
- •Выравнивание
- •Плавающие объекты
- •"Всплывание" объекта
- •Обтекание текста вокруг объекта
- •Элементы стиля шрифта: tt, I, b, big, small, strike, s и u
- •Элементы модификатора шрифта: font и basefont
- •Сценарии (скрипты) Введение
- •Дизайн документов для па, поддерживающих скрипты
- •Элемент script
- •Установка языка скриптов
- •Язык сценариев по умолчанию
- •Локальное объявление языка скриптов
- •Ссылки на элементы html из скрипта
- •Динамическое изменение документов
- •Дизайн документов для па, не поддерживающих сценарии
- •Элемент noscript
- •Скрытие данных скрипта от па
- •Дополнительные возможности html Компоновка документа в html
- •Компоновка html - использование таблиц
- •Использование стилей в html
- •Как использовать стили
- •Внешняя таблица стилей
- •Внутренняя таблица стилей
- •Встроенные стили
- •Раздел заголовка html
- •Элемент head
- •Универсальные указатели ресурсов в html Ссылки в html
- •Универсальные указатели ресурсов
- •Схемы обращения к ресурсу url
- •Сценарии в html
- •Добавление сценария на страницу html
- •Как работать со старыми браузерами
- •Стандартные атрибуты html 4.0
- •Атрибуты событий клавиатуры
- •Атрибуты событий мыши
- •Вы изучили html, что дальше? Краткое заключение
- •Теперь вы знаете html, что дальше?
- •Каскадные таблицы стилей (css)
Атрибуты событий клавиатуры
Не действительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title.
Атрибут |
Значение |
Описание |
onkeydown |
сценарий |
Что делать, когда нажата клавиша |
onkeypress |
сценарий |
Что делать, когда клавиша нажата и отпущена |
onkeyup |
сценарий |
Что делать, когда клавиша отпущена |
Атрибуты событий мыши
Не действительны в элементах base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title.
Атрибут |
Значение |
Описание |
onclick |
сценарий |
Что делать при щелчке мыши |
ondblclick |
сценарий |
Что делать при двойном щелчке мыши |
onmousedown |
сценарий |
Что делать, когда нажата клавиша мыши |
onmousemove |
сценарий |
Что делать, когда перемещается указатель мыши |
onmouseout |
сценарий |
Что делать, когда указатель мыши покидает элемент |
onmouseover |
сценарий |
Что делать, когда указатель мыши проходит над элементом |
onmouseup |
сценарий |
Что делать, когда кнопка мыши отпущена |
Вы изучили html, что дальше? Краткое заключение
Этот учебник научил вас, как использовать HTML для создания своего собственного Web-сайта. Еще лет десять назад, этих знаний было бы достаточно, но в современных условиях это уже не так. Если вы посмотрите на любой популярный сайт в сети, то можете заметить, что зачастую на сайте присутствуют не только статические элементы языка html, но различные динамические элементы, flash-клипы, сценарии, и многое другое, что украшает сайт, делает его более удобным. Если вы хотите сделать небольшой сайт рассказывающий о себе, этих знаний будет достаточно, но для того чтобы работать профессионально, вам придется изучить еще очень многое.
HTML является универсальным языком разметки для Web. Он позволяет форматировать текст, добавлять графику, создавать ссылки, формы ввода, фреймы, и т.д. и сохранять все это в текстовом файле, который может прочитать и воспроизвести любой браузер.
Ключевым моментом в HTML являются теги, которые указывают, какое далее следует содержимое.
Теперь вы знаете html, что дальше?
Следующим шагом должно стать изучение XHTML и CSS, а также следует обратить внимание на JavaScript и VBscript.
XHTML
XHTML является "новым" HTML. Самыми последними рекомендациями по HTML является версия HTML 4.01. Это последняя и окончательная версия HTML.
HTML будет заменен XHTML, который является более строгой и четкой версией HTML.
Каскадные таблицы стилей (css)
CSS используются для одновременного управления стилями и компоновкой множества страниц Web. Используя CSS, Вам не придется раз за разом описывать внешний вид одинаковых элементов, и постоянно держать в голове их описание, достаточно сделать это один раз в отдельном, файле и подключить его ко всем гипертекстовым страницам, и браузер сам отформатирует текст в соответствии с вашими рекомендациями.
CSS обеспечивает полный контроль за компоновкой, не теряя при этом содержимое документа. Иными словами, в html файле хранится только логическая структура документа, а все оформление вынесено в отдельный документ. И если вдруг возникнет необходимость изменить внешний вид какого-либо элемента, уже не придется править все страницы сайта, а достаточно будет лишь изменить описание в таблице стилей.
JavaScript и VBscript
JavaScript - это разработанный корпорацией Netscape межплатформенный объектно-ориентированный язык сценариев. Язык JavaScript основан на языке Java, а VBscript - на Visual Basic. JavaScript содержит набор основных объектов и набор элементов языка. Используя его, можно на лету менять внешний вид документа, в зависимости от изменения каких-либо условий, проводить первичную обработку информации, отправляемой через формы и многое другое.
Язык VBscript является "изобретением" компании Microsoft. Язык VBscript проще и понятней для начинающих программистов и Web-дизайнеров. Но несомненным преимуществом JavaScript является его всесторонняя поддержка, а также легкость и удобство кода, унаследованные из Java и C/C++. Практически все широко распространенные браузеры имеют встроенную поддержку JavaScript, так что нет необходимости беспокоиться, будет ли ваша интерактивная страница работать.