HTML, XHTML и CSS на сто процентов.
- Глава 1. Правила построения HTML-страниц. ⇢
- 1.1. Общие понятия HTML. ⇢
- Элемент. ⇢
- Атрибут. ⇢
- 1.2. Структура HTML-документа. ⇢
- Листинг 1.1. Описание документа в элементе DOCTYPE.
- Объявление типа документа. ⇢
- Элемент HTML. ⇢
- Листинг 1.2. Элемент HTML с атрибутами.
- Элемент HEAD. ⇢
- Таблица 1.1. Элементы, используемые внутри элемента HEAD.
- Элемент TITLE. ⇢
- Листинг 1.3. Использование элемента TITLE.
- Элемент META. ⇢
- Таблица 1.2. Возможные значения атрибута http-equiv.
- Листинг 1.4. Применение атрибута http-equiv.
- Таблица 1.3. Значения атрибута content для различных значений атрибута http-equiv.
- Таблица 1.4. Возможные значения атрибута name.
- Листинг 1.5. Параметры элемента META для индексации в поисковиках.
- Таблица 1.5. Значения атрибута content для свойства robots.
- Элемент STYLE. ⇢
- Листинг 1.6. Использование стилей.
- Листинг 1.7. Использование атрибута style.
- Листинг 1.8. Импорт файлов с таблицами стилей.
- Элемент LINK. ⇢
- Листинг 1.9. Использование элемента LINK.
- Таблица 1.6. Некоторые значения атрибута rel.
- Элемент SCRIPT. ⇢
- Листинг 1.10. Использование элемента SCRIPT.
- Элемент BASE. ⇢
- Листинг 1.11. Использование элемента BASE.
- Элемент BODY. ⇢
- Листинг 1.12. Цвет ссылок.
- Листинг 1.13. Параметры фона.
- Листинг 1.14. Установка расстояния от границ окна до содержимого страницы.
- Комментарии. ⇢
- Резюме. ⇢
- Глава 2. Ввод и оформление текста. ⇢
- 2.1. Создание заголовков. ⇢
- Листинг 2.1. Заголовки.
- 2.2. Создание абзацев. ⇢
- Листинг 2.2. Создание абзацев.
- 2.3. Создание обрывов строк. ⇢
- Листинг 2.3. Обрыв строки.
- Листинг 2.4. Запрет переноса строки.
- 2.4. Создание списков. ⇢
- Маркированный список. ⇢
- Листинг 2.5. Маркированные списки.
- Листинг 2.6. Список с разными маркерами.
- Листинг 2.7. Список с графическими маркерами.
- Нумерованный список. ⇢
- Листинг 2.8. Упорядоченные списки.
- Листинг 2.9. Список с разными типами нумерации.
- Список определений. ⇢
- Листинг 2.10. Списки определений.
- Создание вложенных списков. ⇢
- Листинг 2.11. Вложенные списки.
- 2.5. Ссылки. ⇢
- Внешние ссылки. ⇢
- Листинг 2.12. Создание ссылок.
- Внутренние ссылки. ⇢
- Листинг 2.13. Внутренние ссылки.
- Общие моменты. ⇢
- Листинг 2.14. Ссылки с дополнительными атрибутами.
- Листинг 2.15. Ссылки-изображения.
- 2.6. Форматирование текста. ⇢
- Логические элементы для форматирования. ⇢
- Элемент ABBR.
- Элемент ACRONYM.
- Элемент CITE.
- Элемент CODE.
- Элемент DEL.
- Элемент DFN.
- Элемент EM.
- Элемент INS.
- Элемент KBD.
- Элемент Q.
- Элемент SAMP.
- Элемент STRONG.
- Элемент VAR.
- Листинг 2.16. Логическое форматирование текста.
- Физические элементы для форматирования. ⇢
- Элемент B.
- Элемент I.
- Элемент TT.
- Элемент U.
- Элемент S.
- Элемент STRIKE.
- Элемент BIG.
- Элемент SMALL.
- Элемент SUB.
- Элемент SUP.
- Элемент SPAN.
- Листинг 2.17. Физическое форматирование.
- Таблица 2.1. Элементы форматирования текста.
- Элементы для форматирования больших блоков текста. ⇢
- Элемент FONT.
- Листинг 2.18. Использование элемента FONT.
- Элемент DIV.
- Листинг 2.19. Использование элемента DIV.
- Элемент PRE.
- Листинг 2.20. Использование элемента PRE.
- Элемент BLOCKQUOTE.
- Листинг 2.21. Ввод больших цитат.
- Вложение элементов. ⇢
- Листинг 2.22. Вложение элементов.
- Резюме. ⇢
- Глава 3. Создание таблиц. ⇢
- 3.1. Что такое таблица. ⇢
- 3.2. Создание тела таблицы. ⇢
- 3.3. Ячейки таблицы. ⇢
- Листинг 3.1. Код простой HTML-таблицы, которая состоит из трех столбцов и трех строк.
- 3.4. Граница таблицы. ⇢
- Листинг 3.2. Код HTML-таблицы с нестандартными расстояниями между ячейками и границей.
- Листинг 3.3. Код HTML-таблицы с частичным отображением линий внешней и внутренней границ.
- 3.5. Ширина и высота таблицы и ячеек. ⇢
- Листинг 3.4. Код таблицы шириной 80 % от ширины окна браузера.
- Листинг 3.5. Код таблицы шириной 300 пикселов.
- 3.6. Группировка строк и столбцов. ⇢
- 3.7. Выравнивание таблицы и содержимого ячеек. ⇢
- Листинг 3.6. Пример использования выравнивания таблицы и содержимого ячеек.
- 3.8. Объединение ячеек таблицы. ⇢
- Листинг 3.7. Пример использования атрибутов объединения ячеек.
- 3.9. Установка фонового цвета или рисунка ячейки. ⇢
- 3.10. Создание вложенных таблиц. ⇢
- Листинг 3.8. Пример таблицы, которая содержит еще одну таблицу.
- Резюме. ⇢
- Глава 4. Добавление изображений и мультимедиа. ⇢
- 4.1. Встраивание изображений. ⇢
- Листинг 4.1. Простое встраивание изображения в документ.
- Размер изображения. ⇢
- Листинг 4.2. Задание размеров изображения.
- Выравнивание изображения. ⇢
- Листинг 4.3. Выравнивание картинки по вертикали.
- Листинг 4.4. Выравнивание картинки по горизонтали.
- Расстояние между текстом и изображением. ⇢
- Листинг 4.5. Задание расстояния от текста до изображения.
- Рамка вокруг изображения. ⇢
- Листинг 4.6. Задание рамки вокруг изображения.
- Альтернативный текст. ⇢
- Листинг 4.7. Альтернативный текст.
- Предварительная загрузка. ⇢
- Листинг 4.8. Изображение с предварительной загрузкой.
- Ссылки изображения. ⇢
- Листинг 4.9. Создание изображений-ссылок.
- Галереи изображений. ⇢
- 4.2. Добавление мультимедиа. ⇢
- Ссылки на мультимедийные файлы. ⇢
- Листинг 4.10. Ссылки на мультимедиа.
- Встраивание объектов. ⇢
- Атрибуты элемента OBJECT. ⇢
- Листинг 4.11. Использование атрибутов classid и codetype.
- Листинг 4.12. Использование атрибутов data и type.
- Листинг 4.13. Встраивание Java-апплетов.
- Элемент PARAM. ⇢
- Листинг 4.14. Использование элемента PARAM.
- Встраивание аудио. ⇢
- Листинг 4.15. Задание фонового звука с помощью элемента BGSOUND.
- Листинг 4.16. Задание фоновой музыки с помощью элемента OBJECT.
- Листинг 4.17. Неполное окно проигрывателя.
- Встраивание видео. ⇢
- Листинг 4.18. Встраивание видео.
- Встраивание Flash-графики. ⇢
- Листинг 4.19. Встраивание Flash-графики.
- Проигрыватели. ⇢
- Таблица 4.1. Параметры WMP.
- Таблица 4.2. Параметры RealPlayer.
- Таблица 4.3. Значения параметра controls.
- Таблица 4.4. Параметры QuickTime Player.
- Дополнительные возможности элемента OBJECT. ⇢
- Листинг 4.20. Добавление календаря.
- Резюме. ⇢
- Глава 5. Фреймы. ⇢
- 5.1. Создание фреймов. ⇢
- Листинг 5.1. Пример создания фреймов.
- 5.2. Границы фрейма. ⇢
- Листинг 5.2. Пример управления границей фреймов.
- 5.3. Полосы прокрутки. ⇢
- 5.4. Ссылки внутри фреймов. ⇢
- Листинг 5.3. Код главной страницы.
- 5.5. Изменение размеров фреймов. ⇢
- 5.6. Плавающие фреймы. ⇢
- 5.7. Управление пространством внутри фрейма. ⇢
- Листинг 5.4. Изменение полей фрейма.
- 5.8. Достоинства и недостатки фреймов. ⇢
- Резюме. ⇢
- Глава 6. Конструирование форм. ⇢
- 6.1. Элемент FORM. ⇢
- Листинг 6.1. Атрибут action элемента FORM.
- Листинг 6.2. Отправка данных формы по почте.
- Листинг 6.3. Атрибут enctype элемента FORM.
- Листинг 6.4. Атрибут method элемента FORM.
- Листинг 6.5. Атрибут name элемента FORM.
- Листинг 6.6. Атрибут target элемента FORM.
- 6.2. Создание полей формы. ⇢
- Общие атрибуты элемента INPUT. ⇢
- Таблица 6.1. Значения атрибута type.
- Текстовые поля. ⇢
- Листинг 6.7. Создание поля для ввода текста.
- Поле для ввода пароля. ⇢
- Листинг 6.8. Создание поля для ввода пароля.
- Кнопки. ⇢
- Листинг 6.9. Создание кнопок.
- Переключатели. ⇢
- Листинг 6.10. Создание переключателей.
- Флажки. ⇢
- Листинг 6.11. Создание флажков.
- Поле для ввода файла. ⇢
- Листинг 6.12. Создание поля для загрузки файла.
- Создание картинок. ⇢
- Листинг 6.13. Создание графических кнопок.
- Скрытые поля. ⇢
- Листинг 6.14. Скрытые поля.
- Списки. ⇢
- Листинг 6.15. Создание списков.
- Листинг 6.16. Использование элемента OPTGROUP.
- Большие текстовые поля. ⇢
- Листинг 6.17. Создание больших текстовых полей.
- Дополнительные удобства. ⇢
- Листинг 6.18. Использование элемента LABEL.
- Листинг 6.19. Форма регистрации.
- Резюме. ⇢
- Глава 7. Введение в таблицы стилей и язык CSS. ⇢
- 7.1. Встраивание CSS в HTML. ⇢
- Листинг 7.1. Простой HTML-документ.
- Листинг 7.2. CSS внутри HTML-документа.
- Листинг 7.3. Таблица стилей во внешнем файле.
- Листинг 7.4. Оформление документа.
- Листинг 7.5. Различные свойства CSS.
- 7.2. Синтаксис CSS. ⇢
- Ключевые слова. ⇢
- Комментарии. ⇢
- Правила@ ⇢
- 7.3. Селекторы. ⇢
- Группировка. ⇢
- Селекторы потомков. ⇢
- Сестринские селекторы. ⇢
- Селекторы атрибутов. ⇢
- Селекторы классов. ⇢
- ID-селекторы. ⇢
- Листинг 7.6. ID-селекторы.
- Листинг 7.7. ID-селекторы.
- 7.4. Псевдоэлементы и псевдоклассы. ⇢
- Псевдокласс :first-child. ⇢
- Псевдоклассы ссылок. ⇢
- Динамические псевдоклассы. ⇢
- Псевдокласс :lang. ⇢
- Псевдоэлемент first-line. ⇢
- Псевдоэлемент first-letter. ⇢
- Листинг 7.8. Стиль заглавной буквы.
- Псевдоэлементы :before и: after. ⇢
- 7.5. Правило @media. ⇢
- Таблица 7.1. Группы устройств.
- 7.6. Правила !important. ⇢
- 7.7. Правило @import. ⇢
- Резюме. ⇢
- Глава 8. Форматирование текста средствами CSS. ⇢
- Листинг 8.1. Тестовая HTML-страница.
- 8.1. Выделение текста цветом. ⇢
- Цвет текста. ⇢
- Цвет фона. ⇢
- 8.2. Шрифты. ⇢
- Семейство шрифта. ⇢
- Стиль шрифта. ⇢
- Вид шрифта. ⇢
- Ширина шрифта. ⇢
- Размер шрифта. ⇢
- 8.3. Форматирование текста. ⇢
- Отступы. ⇢
- Выравнивание текста. ⇢
- Декоративное оформление. ⇢
- Расстояние между буквами. ⇢
- Расстояние между словами. ⇢
- Трансформация текста. ⇢
- Пустое место. ⇢
- Направление вывода текста. ⇢
- Резюме. ⇢
- Глава 9. Оформление HTML-документа средствами CSS. ⇢
- 9.1. Фон. ⇢
- Листинг 9.1. Фон страницы.
- 9.2. Генерируемое содержимое. ⇢
- Псевдоэлементы :before и: after. ⇢
- Свойство content. ⇢
- Кавычки. ⇢
- Листинг 9.2. Кавычки.
- Листинг 9.3. Кавычки.
- Таблица 9.1. Кавычки.
- 9.3. Автоматическая нумерация и списки. ⇢
- Стили счетчиков. ⇢
- Счетчики со свойством display: none. ⇢
- Списки. ⇢
- Листинг 9.4. Нумерация средствами CSS.
- Листинг 9.5. Нумерация.
- Листинг 9.6. Нумерация в списках.
- Листинг 9.7. Каскад.
- Маркеры. ⇢
- Листинг 9.8. Создание списка с помощью маркеров.
- Листинг 9.9. Выравнивание содержимого в блоке маркера.
- Листинг 9.10. Маркеры перед элементами списка и после них.
- Листинг 9.11. Маркеры, используемые для создания нумерованных заметок.
- Листинг 9.12. Пример маркера.
- 9.4. Таблицы. ⇢
- Селекторы столбцов. ⇢
- Положение и выравнивание заголовка. ⇢
- Слои и прозрачность таблицы. ⇢
- Листинг 9.13. Форматирование таблиц средствами CSS.
- Ширина таблицы. ⇢
- Высота таблицы. ⇢
- Вертикальное выравнивание. ⇢
- Горизонтальное выравнивание. ⇢
- Динамические эффекты строк и столбцов. ⇢
- Границы. ⇢
- Стили границ. ⇢
- Пустые ячейки. ⇢
- 9.5. Интерфейс пользователя. ⇢
- Указатели мыши. ⇢
- Пользовательские настройки цветов. ⇢
- Пользовательские настройки шрифтов. ⇢
- Контуры. ⇢
- 9.6. Поля и отступы. ⇢
- Свойства полей. ⇢
- Свойства отступов. ⇢
- 9.7. Границы. ⇢
- Ширина границы. ⇢
- Цвет границы. ⇢
- Стиль границы. ⇢
- 9.8. Работа с блоками. ⇢
- Выбор схемы позиционирования. ⇢
- Смещение блоков. ⇢
- Позиционирование перемещаемого объекта. ⇢
- Листинг 9.14. Пример перемещаемого объекта.
- Фиксированное позиционирование. ⇢
- Листинг 9.15. Создание кадров в CSS.
- Определение позиционного уровня. ⇢
- Листинг 9.16. Позиционирование вдоль оси z.
- Резюме. ⇢
- Глава 10. Введение в динамический HTML. ⇢
- 10.1. Браузер и HTML-документ. ⇢
- Листинг 10.1. Свойство и метод объекта Document.
- 10.2. Родительские и дочерние объекты. ⇢
- Листинг 10.2. Иерархия объектов в HTML-документе.
- 10.3. Объекты браузера. ⇢
- Объект Window. ⇢
- Листинг 10.3. Свойство status объекта Window.
- Листинг 10.4. Использование метода alert.
- Листинг 10.5. Использование метода confirm.
- Листинг 10.6. Использование метода prompt().
- Листинг 10.7. Файл okno.html.
- Листинг 10.8. Файл okno2.html.
- Листинг 10.9. Использование метода setTimeout.
- Листинг 10.10. Использование обработчиков событий onLoad и onUnload.
- Объект Navigator. ⇢
- Листинг 10.11. Определение характеристик браузера.
- Листинг 10.12. Определение имени браузера.
- Объект Screen. ⇢
- Листинг 10.13. Свойства объекта Screen.
- Объект History. ⇢
- Листинг 10.14. Определение количества посещенных веб-страниц.
- Листинг 10.15. Перемещение по истории посещений.
- Объект Location. ⇢
- Листинг 10.16. Свойство href объекта Location.
- Листинг 10.17. Использование метода replace().
- 10.4. Объектная модель документа (DOM). ⇢
- Объект Document. ⇢
- Листинг 10.18. Использование коллекции anchors.
- Листинг 10.19. Свойства объекта Document.
- Листинг 10.20. Использование свойства lastModified.
- Листинг 10.21. Использование метода getElementsByTagNameO.
- Доступ к объектам документа. ⇢
- Листинг 10.22. Передача данных в функцию.
- Листинг 10.23. Смена изображений на веб-странице.
- Резюме. ⇢
- Глава 11. Основы языка JavaScript. ⇢
- 11.1. Работа с информацией. ⇢
- Метод alert(). ⇢
- Листинг 11.1. Работа с предупреждением.
- Метод prompt(). ⇢
- Листинг 11.2. Работа с запросом.
- Метод confirm(). ⇢
- Листинг 11.3. Работа с подтверждением.
- 11.2. Переменные и типы данных. ⇢
- Идентификаторы. ⇢
- Таблица 11.1. Примеры идентификаторов JavaScript.
- Ключевые и зарезервированные слова. ⇢
- Таблица 11.2. Ключевые слова JavaScript.
- Таблица 11.3. Зарезервированные слова JavaScript.
- Литералы. ⇢
- Числа.
- Таблица 11.4. Примеры целых чисел.
- Логические величины.
- Строки.
- Специальные символы.
- Таблица 11.5. Управляющие символы.
- Листинг 11.4. Выравнивание с помощью управляющих символов.
- Специальные типы данных.
- Переменные. ⇢
- Объявление переменных.
- Листинг 11.5. Типы данных.
- Область действия переменных.
- Массивы. ⇢
- Листинг 11.6. Работа с массивом.
- Листинг 11.7. Инициализация массива.
- Листинг 11.8. Размер массива.
- 11.3. Выражения. ⇢
- Операции присвоения. ⇢
- Таблица 11.6. Комбинация с арифметическими операциями.
- Таблица 11.7. Комбинация с поразрядными операциями.
- Арифметические операции. ⇢
- Листинг 11.9. Арифметические операции.
- Операции сравнения. ⇢
- Таблица 11.8. Операции сравнения.
- Листинг 11.10. Операции сравнения.
- Операции над строками. ⇢
- Логические операции. ⇢
- Условные операции. ⇢
- Поразрядные операции. ⇢
- Таблица 11.9. Поразрядные логические операции.
- Таблица 11.10. Поразрядные операции сдвига.
- Другие операции. ⇢
- Таблица 11.11. Результаты работы операции typeof.
- 11.4. Условия и циклы. ⇢
- Условные операторы. ⇢
- Оператор if.
- Листинг 11.11. Пример работы оператора if.
- Оператор if..else.
- Листинг 11.12. Пример работы оператора if..else.
- Оператор switch.
- Листинг 11.13. Пример работы оператора switch.
- Операторы цикла. ⇢
- Цикл for.
- Листинг 11.14. Факториал с помощью оператора for.
- Цикл while.
- Листинг 11.15. Факториал с помощью оператора while.
- Цикл do..while.
- Листинг 11.16. Факториал с помощью оператора do..while.
- Цикл for..in.
- Листинг 11.17. Пример использования оператора for..in.
- Операторы break и continue.
- Листинг 11.18. Пример использования операторов выхода из цикла.
- 11.5. Функции и события. ⇢
- Функции. ⇢
- Использование функций.
- Листинг 11.19. Пример использования функций.
- Листинг 11.20. Использование значения функции.
- Переменное количество аргументов.
- Листинг 11.21. Пример переменного количества аргументов в функции.
- Дополнительная информация о функциях.
- Листинг 11.22. Пример рекурсивной функции.
- Знакомство с событиями. ⇢
- Листинг 11.23. Пример обработчиков событий.
- 11.6. Встроенные объекты JavaScript. ⇢
- Объект Global. ⇢
- Таблица 11.12. Свойства объекта Global.
- Таблица 11.13. Методы объекта Global.
- Объект String. ⇢
- Таблица 11.14. Свойства объекта String.
- Таблица 11.15. Методы объекта String.
- Объект Number. ⇢
- Таблица 11.16. Свойства объекта Number.
- Таблица 11.17. Методы объекта Number.
- Объект Boolean. ⇢
- Таблица 11.18. Методы и свойства объекта Boolean.
- Объект Array. ⇢
- Таблица 11.19. Свойства объекта Array.
- Таблица 11.20. Методы объекта Array.
- Объект Function. ⇢
- Таблица 11.21. Свойства объекта Function.
- Таблица 11.22. Методы объекта Function.
- Объект Date. ⇢
- Таблица 11.23. Свойства объекта Date.
- Таблица 11.24. Методы объекта Date.
- Объект Math. ⇢
- Таблица 11.25. Свойства объекта Math.
- Таблица 11.26. Методы объекта Math.
- Объект RegExp. ⇢
- Таблица 11.27. Свойства объекта RegExp.
- Таблица 11.28. Методы объекта RegExp.
- Объект Object. ⇢
- Таблица 11.29. Свойства объекта Object.
- Таблица 11.30. Методы объекта Object.
- Резюме. ⇢
- Глава 12. Первый сценарий на JavaScript. ⇢
- 12.1. Организация рабочего окружения. ⇢
- Текстовые редакторы. ⇢
- Браузеры. ⇢
- Отладчики сценариев JavaScript. ⇢
- 12.2. Внедрение сценариев в HTML-документ. ⇢
- Встраивание сценариев в гиперссылку. ⇢
- Встраивание сценариев для обработки событий. ⇢
- Встраивание сценариев в рамках элемента SCRIPT. ⇢
- Листинг 12.1. Пример веб-страницы со сценариями.
- 12.3. Вводим первый сценарий. ⇢
- Листинг 12.2. Первый сценарий.
- 12.4. Разбор нашего сценария в среде FrontPage. ⇢
- 12.5. Отладка сценария в Microsoft Script Editor. ⇢
- Резюме. ⇢
- Глава 13. Язык XHTML. ⇢
- 13.1. Структура XHTML-документов. ⇢
- Листинг 13.1. Образец XHTML-документа.
- 13.2. Отличие XHTML от HTML. ⇢
- Значения атрибутов должны быть в кавычках. ⇢
- Необходимо наличие закрывающего тега. ⇢
- Необходимо корректно вкладывать элементы друг в друга. ⇢
- Назначение имен тегов и атрибутов зависит от регистра. ⇢
- Требуется явно задавать значения атрибутов. ⇢
- Таблица 13.1. Значения атрибутов XHTML, для которых HTML не требовал значений.
- Включение сценариев и специальных символов в документы XHTML. ⇢
- 13.3. Проблемы использования XHTML. ⇢
- Резюме. ⇢
И. Квинт.