- •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)
Добавление сценария на страницу html
Сценарий в HTML определяют с помощью тега <script>. Обратите внимание, что для определения языка сценария необходимо использовать атрибут type.
<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Всем привет!")
</script>
</body>
</html>
Пример выполнения данного HTML-кода
Этот сценарий создаст следующий вывод:
Всем привет!
Примечание: Чтобы узнать больше о сценариях в HTML, почитайте соответствующий учебник по JavaScript.
Как работать со старыми браузерами
Браузер, который вообще не распознает тег <script>, будет выводить содержимое тега <script> в виде текста на странице. Чтобы браузер этого не делал, необходимо спрятать сценарий в тегах комментария. Старый браузер (который не распознает тег <script>) проигнорирует комментарий и не будет выводить содержимое тега на странице, в то время как более новые браузеры поймут, что скрипт необходимо выполнить, даже если он окружен тегами комментария.
JavaScript:
<script type="text/javascript">
<!--
document.write("Всем привет!")
//-->
</script>
VBScript:
<script type="text/vbscript">
<!--
document.write("Всем привет!")
'-->
</script>
Тег <noscript>
Кроме скрытия сценария внутри комментария можно добавить также тег <noscript>.
Тег <noscript> используется для определения заменяющего текста, если сценарий НЕ выполняется. Этот тег используется для браузеров, которые распознают тег <script>, но не поддерживают расположенный внутри сценарий, поэтому эти браузеры будут выводить вместо этого текст внутри тега <noscript>. Однако, если браузер поддерживает сценарий внутри тега <script>, то он проигнорирует тег <noscript>.
JavaScript:
<script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Ваш браузер не поддерживает JavaScript!</noscript>
VBScript:
<script type="text/vbscript">
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Ваш браузер не поддерживает VBScript!</noscript>
Теги сценариев | |
Тег |
Описание |
<script> |
Определяет сценарий |
<noscript> |
Определяет заменяющий текст, если сценарий не выполняется |
<object> |
Определяет встроенный объект |
<param> |
Определяет для объекта настройки времени выполнения (параметры) |
<applet> |
Не рекомендуется. Используйте вместо этого <object> |
Стандартные атрибуты html 4.0
Теги HTML могут иметь атрибуты. Специальные атрибуты для каждого тега перечислены в описании каждого тега, Перечисленные здесь атрибуты являются базовыми и атрибутами языка, которые стандартны для всех тегов (с небольшими исключениями):
Базовые атрибуты
Не действительны в элементах base, head, html, meta, param, script, style, и title.
Атрибут |
Значение |
Описание |
class |
class_rule или style_rule |
Класс элемента |
id |
номер_id |
Уникальный id элемента |
style |
определение_стиля |
Определение встроенного стиля |
title |
текст_подсказки |
Текст, выводимый в качестве подсказки |
Атрибуты языка
Не действительны в элементах base, br, frame, frameset, hr, iframe, param и script.
Атрибут |
Значение |
Описание |
dir |
ltr | rtl |
Задает направление вывода текста |
lang |
код_языка |
Задает код языка |
Атрибуты клавиатуры
Атрибут |
Значение |
Описание |
accesskey |
символ |
Задает клавишу быстрого доступа для элемента |
tabindex |
число |
Задает для элемента порядок перехода по клавише табуляции |
Атрибуты событий в HTML 4.0
Новым в HTML 4.0 является возможность для событий HTML запускать действия браузера, такие как запуск JavaScript, когда пользователь щелкает на элементе HTML.
Ниже представлен список атрибутов, которые можно использовать в тегах HTML для определения действий событий.
Чтобы больше узнать о программировании с помощью этих событий, почитайте учебники по JavaScript и DHTML.
Атрибуты событий окна
Действительны только в элементах body и frameset.
Атрибут |
Значение |
Описание |
onload |
сценарий |
Сценарий, который выполняется при загрузке документа |
onunload |
сценарий |
Сценарий, который выполняется при выгрузке документа |
Атрибуты событий формы
Действительны только в элементах form.
Атрибут |
Значение |
Описание |
onchange |
сценарий |
Сценарий, который выполняется при изменении элемента |
onsubmit |
сценарий |
Сценарий, который выполняется при отправке формы |
onreset |
сценарий |
Сценарий, который выполняется при сбросе формы |
onselect |
сценарий |
Сценарий, который выполняется при выборе элемента |
onblur |
сценарий |
Сценарий, который выполняется, когда элемент теряет фокус |
onfocus |
сценарий |
Сценарий, который выполняется, когда элемент получает фокус |