От автора
Введение
В чем преимущество изучения «в примерах»?
Для кого написана эта книга?
Почему следует изучать HTML?
Какие инструменты потребуются?
Структура книги
Что входит и что не входит в содержание книги
Обозначения, используемые в книге
Глава 1. Что такое HTML?
HTML — это не язык программирования
HTML и SGML
Разметка текста
Кто принимает решения в области HTML?
Рабочая группа HTML
World Wide Web Консорциум W3C
Дополнительная информация о спецификациях HTML и W3C
Глава 2. World Wide Web
Что такое World Wide Web и Интернет?
Рождение World Wide Web
Понятие гипертекста: Web-ссылки
Пример. Гипертекст и гипермышление
Web-страница
Web-сайт
Пример. Типичный Web-сайт
HTML: интрасети и Интернет
Гипермедиа: текст и графика в Web
Вспомогательные приложения
Общие мультимедийные форматы
Интернет-сервисы
Электронная почта
FTP
Web-браузеры
Microsoft Internet Explorer
Netscape Navigator
Opera
Адресация в Интернете: URI
Относительные URI
Протоколы, используемые в URI
Глава 3. Web-сайты: зачем, как и где?
Зачем создавать Web-страницы?
Web-приложения
Создание Web-сайта
Этапы создания сайта
Анализ сайтов
Выбор критериев при оценке сайтов
Проектирование сайта
Особенности проектирования сайта
Принципы проектирования сайта
Организация информации
Навигация по сайту
Принципы написания заголовков
Тестирование
Выкладываем Web-сайт на сервер
Что такое Web-сервер?
Скорость соединения с Интернетом
Что такое «хост» и «сервер»?
Поиск хостинг-сервера
Регистрация сайта
Загрузка файлов на сервер
Управление файлами и редактирование HTML-документов
Структура Web-сайта
Имена файлов
Что дальше?
Глава 4. Основы HTML
Структура языка HTML
Элементы HTML
Регистр элементов
Нерекомендуемые и устаревшие элементы
Типы данных, используемые в HTML
Единицы измерения, используемые в HTML
Создание Web-страницы и ввод текста
Основные элементы HTML
Пример. Создание шаблона HTML-документа
Пример. Hello World
Информация о версии HTML. Элемент
Элементы-контейнеры и пустые элементы
Блочные и встроенные элементы
Добавление блоков текста на Web-страницу
Cоздание абзаца: элемент
Элемент
Комментарии
Просмотр источника Web-страницы
Правильная разметка документа: кавычки и тире
Пример. Создание небольшой Web-страницы
Атрибуты элементов в HTML
Атрибуты элемента
Атрибуты элемента
Атрибуты элемента
Общие атрибуты
Элементы и
Глава 5. Форматирование и систематизация текста
Создание заголовков
Атрибуты элементов —
Пример. Структурированная страничка
Логический и физический стили форматирования текста
Физический стиль форматирования текста
Логический стиль форматирования
Пример. Физический стиль форматирования против логического
Другие элементы логического форматирования
«Программистские» элементы HTML
Цитаты, определения и адреса
Пример. Использование элементов и
Предварительно отформатированный текст
Пример. Придание Web-странице необходимого вида с помощью элемента
Пример. Использование для создания таблиц
Глава 6. Создание списков
Нумерованные и ненумерованные списки
Пример. Добавление списков на Web-страницу
Списки определений
Пример. Элементы форматирования в списках
Вложение элементов и комбинирование списков
Вложение элементов
Списки внутри списков
Глава 7. Графика на Web-странице
Особая роль графики в Сети
Размер графических файлов
Пример. Скачиваем графический сайт
Типы графических файлов
Графический формат GIF
Формат JPEG
Ближайшее будущее: формат PNG
Работа с графикой
Использование параметров оптимизации
Оптимизация изображений в формате GIF
Оптимизация изображений в формате JPEG
Рисунок на цветном фоне
Добавление графики на Web-страницу
Элемент
Атрибут alt
Атрибут align
Изменение размеров изображений
Размер рамки рисунка
Атрибуты vspace и hspace
Пример. Атрибуты в действии
Вложение графики в другие элементы HTML
Больше контроля над графикой
Пример. Цветочки
Глава 8. Гиперссылки
Элемент-якорь
Атрибут target
Ссылки внутри документа
Пример. Список определений с ссылками
Использование относительных URL
Элемент
Пример. Структура сайта
Относительные ссылки разных видов
Ссылки на другие сервисы Интернета
Гиперссылки на e-mail адрес
Ссылки на FTP-сервис
Элемент
Использование ссылок с другими элементами HTML
Ссылки и элементы форматирования
Пример. Контекстные гиперссылки
Ссылки в списках
Пример. Оглавление книги
Создание графических ссылок
Пример. Список с графическими ссылками
Пример. Небольшое навигационное меню
Пример. Кнопки-ссылки
Гипермедийные ссылки
Глава 9. Формы
Использование Web-форм
Создание форм
Пример. Подсматриваем форму
Многострочное текстовое поле: элемент
Пример. Форма для отзывов
Элемент
Текстовое поле: атрибут text
Поле для ввода пароля: атрибут password
Переключатель: атрибут checkbox
Переключатель: атрибут radio
Скрытое поле: атрибут hidden
Кнопка для очистки формы: атрибут reset
Кнопка для отправки данных: атрибут submit
Изображение-кнопка: атрибут image
Кнопка для отправки файла: атрибут file
Пример. Большая форма
Создание выпадающих меню и прокручивающихся списков
Использование элемента
Множественный выбор
Пример. Форма заказа
Дизайн форм
Правила дизайна форм
Переносы строк, параграфы и горизонтальные линии в формах
Переносы строк
Горизонтальные линии
Абзацы
Пример. Исследование покупателей
Другие элементы форматирования в формах
Использование элемента
Использование в формах элементов списков
Пример. Снова исследуем покупателей
CGI-BIN скрипты и обработка данных из формы
Использование CGI-BIN скриптов
Получение данных из формы
Скрипты на PHP
Глава 10. Добавление таблиц в HTML-документ
Создание таблиц
Элемент
Пример. «Играемся» с атрибутами элемента
Внутри контейнера
Элемент
Элемент строки
Элементы ячеек и
Пример. Календарь событий
Пример. Товарная спецификация
Использование таблиц при верстке Web-страниц
Создание колонок
Колонки с разделителями
Создание вертикальных линий
Центрирование по вертикали
Глава 11. Расширения HTML
Netscape HTML
Центрируем
Моргаем
Устанавливаем цвет переднего плана и фона
Пример. Нетскапизмы в действии
Элементы и
Элементы и
Пример. «Центр ухудшения» Интернета
Microsoft HTML
Элемент
Глава 12. Мультимедийные объекты, фреймы и метаданные
Вставка мультимедийных объектов
Фреймы
Достоинства фреймов
Недостатки фреймов
Создание фреймов
Ссылки внутри фреймов
Рамки
Изменение размеров
Полосы прокрутки
Встроенные фреймы
Защита Web-страниц от использования в чужих фреймах
Метаданные. Элемент
Атрибуты name-content
Атрибуты http-equip-content
Глава 13. Скрипты в HTML
Элемент
Прячем скрипт
Расположение скриптов
Вызов скрипта
Немного о JavaScript
Пример. Hello World
Пример. Динамическое приветствие
Глава 14. Каскадные таблицы стилей CSS
История и теория
Синтаксис
Элементы и в CSS
Контекстные селекторы
Группирование
Наследование
Псевдоклассы
Подключение каскадных таблиц стилей
Глобальные стили: элемент
Пример. Подключение глобальных стилей
Внешние таблицы стилей CSS
Элемент
Встроенные стили: атрибут style
Пример. Борьба стилей
Свойства CSS
Свойства шрифта
Свойства текста
Цвет и фон
Цвет переднего фона
Установка цвета фона и фонового рисунка
Ссылки
Ссылки без подчеркивания
Подчеркнутые и надчеркнутые ссылки
Динамическое изменение размера ссылки
Изменение цвета подчеркивания
Ссылки разных цветов
Списки
Пример. Типы списков
Курсоры
Блоки: границы, отступы и поля
Типы рамок
Слои
Синтаксис
Позиционирование слоя
Положение слоя
Свойство z-index
Свойство visibility
Эффективный СSS
Пример. Применение таблиц стилей CSS
Фильтры
Фильтр alpha
Фильтр blur
Фильтр chroma
Фильтр gray
Фильтр invert
Фильтр xray
Фильтры fliph и flipv
Фильтр shadow
Фильтр dropshadow
Фильтр glow
Фильтр mask
Фильтр wave
Глава 15. Примеры
Создание сайта: начало работы
Пример. Создание главной страницы
Пример. Создание страницы «Web-мастеру»
Пример. Страница с деловыми предложениями
Пример. Страница рассылок
Пример. Страница контактов
Заключение
Приложение 1. Элементы HTML
Приложение 2. Символьные объекты: буквенные константы и цифровые коды
Приложение 3. Цвета для Web: названия и коды
Приложение 4. Таблица для подбора сочетаний цветов
Приложение 5. Таблица основных MIME-типов