Глава 1. Основы языка HTML
В этой главе:
- Роль Web-браузеров и Web-страниц
- Контейнерные HTML-дескрипторы
- HTML-дескрипторы разделов
- Пустые HTML-дескрипторы
- Создание Web-страницы
- Управление форматированием текста
- Атрибуты в HTML
- Работа со шрифтами
- Назначение одного и того же набора атрибутов множеству элементов страницы
- Создание Web-страниц с помощью текстовых редакторов, текстовых процессоров и программ компоновки Web-страниц
- Работа с относительными и абсолютными адресами файлов
- Загрузка и установка персонального web-сервера
- Работа с персональным Web-сервером и публикация Web-страниц
- Описание содержимого Web-страницы при помощи заголовка
- Идентификация документов с помощью определения типа документа (Document Type Definition)
- Вставка комментариев в Web-документы
- Определение гарнитуры шрифта для текста Web-страницы
- Управление структурой текста с помощью дескрипторов абзаца и перевода строки
- Изменение размера текста с помощью дескрипторов уровней заголовков и атрибута size дескриптора шрифта
- Изменение цвета текста в HTML-документе
- Добавление графики на Web-страницу с помощью базового дескриптора <img>
- Изменение выравнивания текста и графики
- Добавление гипертекстовых ссылок
- Выделение отдельных букв и слов с помощью дескрипторов форматирования символов
- Использование специальных символов в HTML-документах
- Использование горизонтальных линий для структурирования Web-содержимого
- Использование дескрипторов блоков цитирования для управления левым и правым отступами текста
- Создание упорядоченных и неупорядоченных списков
- Создание вложенных списков
- Создание списков определений
- Использование дескрипторов предварительно форматированного текста для управления отображением Web-содержимого
- Отображение навигационного меню во фрейме Web-страницы
- Одновременный вывод на экран нескольких Web-страниц
Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, — это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Создавая Web-сайт, вы используете HTML для размещения текста, рисунков, анимации и, возможно, видео- и аудиоклипов на отдельных Web-страницах, из которых, собственно, и состоит сайт. Помимо этого, язык HTML позволяет помещать на страницы гипертекстовые ссылки и интерактивные кнопки, которые соединяют ваши Web-страницы с другими страницами того же Web-сайта, равно как и с другими Web-сайтами по всему миру. Web-дизайн — это исключительно творческий процесс, a HTML — всего лишь один из инструментов (точнее, язык описания страниц), используемый при создании Web-страниц.
HTML — это язык разметки текста, а не язык программирования. Теоретически Web-страницу, созданную с использованием HTML, может просмотреть любой, у кого есть компьютер, какой-нибудь Web-браузер и доступ к Internet. На самом же деле, способность пользователя видеть все содержимое Web-страницы зависит от возможностей его Web-браузера. Web-браузеры (Web browsers) — это программы, которые интерпретируют HTML-код Web-страниц и отображают текст, рисунки и анимацию на экране компьютера посетителя сайта. Самостоятельно либо же с помощью других установленных программ, браузеры также воспроизводят звуковые или видео-файлы, вставленные в страницу с помощью HTML-кода. Последние версии двух наиболее популярных Web-браузеров, Microsoft Internet Explorer и Netscape Navigator, могут отображать практически все из того, что можно поместить на Web-страницу с помощью HTML-дескрип- торов.
Чтобы посетители могли обратиться к Web-страницам вашего Web-сайта, им нужно сперва получить доступ в Internet и запустить Web-браузер. После того, как Web-сервер отправит Web-страницу компьютеру посетителя, Web-браузер интерпретирует HTML-код из файла Web-страницы и отображает содержимое файла в форме текста и графических изображений в окне браузера.
Web-серверы и Web-браузеры используют для обмена данными протокол передачи гипертекста (HyperText Transport Protocol — HTTP). Помимо всего прочего, HTTP-протокол определяет как способ отправки сообщений Web-браузерами и серверами, так и структуру самих сообщений. Подробное рассмотрение типов и структур HTTP-сообщений выходит за рамки этой книги. Однако для дизайна и создания даже самых сложных Web-сайтов вам понадобится только принципиальное понимание потока HTTP-запросов и ответов (между Web-браузером и Web-сервером), который показан на рис. 1.1.
- Всякий раз, когда вы вводите Web-адрес (например, http://www.NVBizNet.com) в адресной строке своего браузера, последний отправляет Web-серверу через Internet HTTP-запрос файла.
- Получив HTTP-запрос файла, Web-сервер извлекает запрошенный файл и отсылает Web-страницу Web-браузеру.
- Web-браузер анализирует файл Web-страницы, чтобы определить, есть ли в нем вставленные файлы (такие, как графика, анимация, звук и т.д.), кото- рые браузер должен получить с Web-сервера.
- Web-браузер отправляет Web-серверу несколько HTTP-запросов (по одному на каждый нужный браузеру файл).
- Получив HTTP-запросы файлов, сервер находит каждый из файлов и отсылает эти файлы Web-браузеру (по одному файлу на HTTP-запрос).
- Web-браузер берет исходные файлы Web-страниц и следует инструкциям, предоставляемым HTML-дескрипторами в файле, чтобы скомпоновать Web-страницу и содержимое вставленных файлов в завершенный Web-документ, который затем отображается на экране.