ЛЕКЦИЯ 1. ВВЕДЕНИЕ В HTML
Учебные вопросы:
1. Основные сведения об HTML 1
2. Синтаксис HTML 4 3
3. Вставка объектов, создание ссылок 14
4. Таблицы стилей 17
Приложение 0. «Якорь» 21
Приложение 1. Некоторые используемые термины 21
Приложение 2. Управление цветом 22
Вопросы для самоконтроля 22
1. Основные сведения об html
Термин HTML (HiperText Markup Language) переводится на русский как "Язык разметки гипертекста". Важным здесь является слово "гипертекст". Под ним подразумевается, в отличие от простого текста, возможность создания полноценных документов, содержащих разнообразные шрифты, графику, звук, что достигается путем включения в текст специальных указаний - "тэгов" (дескрипторов). Структура тэгов четко оговорена в описании языка.
Выдача гипертекстового документа (часто говорят, "страницы") на экран или бумагу производится в соответствии с тэгами. Однако в подавляющем большинстве случаев автор документа не оговаривает многие детали, считая, что они некритичны. Тогда программа, осуществляющая выдачу документа, использует запомненные ею - при создании или в процессе настройки пользователем - значения. Таким образом, одна и та же HTML- страница может отображаться по разному на разных машинах, и даже на одной машине в разные моменты времени. Например обычно в HTML-странице не оговаривается шрифт текстовой части документа - не указано ни название шрифта, ни его размер. Ясно, что выдача на машине с установленным по умолчанию значением размера шрифта в 10пунктов будет выглядеть совершенно не так, как на машине со шрифтом в 18 пунктов. Даже при одинаковых шрифтах в окнах разного размера страница будет отличаться - станет длиннее в узком окне.
Способ создания гипертекста обеспечивает его абсолютную платформенную независимость. Создавая Web-страницы на компьютере, который работает под управлением Windows, вы можете не сомневаться, что администратор сервера сможет использовать ваши файлы на компьютере, работающем под управлением UNIX или другой операционной системы.
Одной из основных особенностей HTML является принцип, по которому не только допускается вложение одних элементов в другие, но и декларируется необходимость такого вложения. Это отличает HTML от многих других языков, в которых теоретически можно написать код без вложенных конструкций. В данном случае, это невозможно изначально. Каждый элемент допускает непосредственное вложение только ряда элементов, которые, в свою очередь, допускают вложение других, разрешенных для них, и т. д. Таким способом формируется не только общая структура гипертекста, но и создаются разнообразные визуальные эффекты
Все элементы языка можно условно разделить на три группы. К первой относятся элементы, которые создают структуру гипертекстового документа. Использование таких элементов — необходимая формальность, которой нельзя пренебрегать. Ко второй группе можно отнести элементы, создающие эффекты форматирования. Их использование диктуется конкретными требованиями к документу, фантазией и компетенцией разработчика, К третьей группе относятся элементы, которые позволяют управлять программными средствами, установленными и работающими на компьютере-клиенте. Часто такие элементы создаются автоматически, когда разработчик использует для вставки некоторого объекта в документ гипертекстовый редактор или подобную программу.
Версии HTML
Первая версия HTML была разработана в начале 90-х годов Тимом Бенерс-Ли для популярного в прошлом броузера Mosaic. Но в те времена ни для броузера, ни для самого языка еще не нашлось достойного применения. В 1993 году появился HTML+, и эта версия также осталась практически незамеченной. Начало широкому использованию гипертекста дала версия 2.0, которая появилась в июне 1994 года. Это был момент начала роста популярности WWW по всему миру. Элементы, включенные в версию 2, в большинстве своем используются и по сей день.
В версии 3.0 HTML, которая появилась год спустя, была реализована возможность прорисовки математических символов (знаков интеграла, бесконечности, дроби, скобок и т. д.) при помощи элементов языка. Под эту версию разрабатывались и броузеры (Arena). Но этот проект оказался тупиковым и не получил дальнейшего распространения.
В 1996 году появился HTML версии 3.2. Это было новаторское решение, достаточно упомянуть, что в спецификацию языка были введены фреймы, которые стали теперь весьма популярными у разработчиков Web-страниц. Даже сейчас на основе этой спецификации можно реализовывать очень неплохие дизайнерские решения. Практически все современные броузеры стопроцентно поддерживают версию 3.2, поэтому у авторов не возникают сомнения по поводу работоспособности заявленных элементов.
Наряду с официальными спецификациями языка, которые разрабатывались организацией W3C (W3 Консорциум), компании-производители броузеров создавали собственные элементы (расширения). Впоследствии некоторые из этих элементов, после получения всеобщего признания, включались в спецификацию следующей версии языка. Интересно, например, что новаторское решение -фреймы, — которое так полюбилось многим разработчикам, не было включено спецификацию 3.2. Но броузеры поддерживали фреймы, и многие книги, посвящен ные HTML, содержали описания фреймов без упоминания о том, что это нестан дартные элементы. И это было правильно, потому что фреймы стали стандартом де-факто. В версию языка 4 они уже были включены на полном основании.
И наоборот, элементы APPLET и SCRIPT, необходимые для расширения HTML друга ми программными кодами, в версии 3.2 не сыграли той роли, которую были при званы сыграть. Это объяснялось тем, что броузеры различных версий по-разном интерпретировали программы на языках Java, JavaScript, Visual Basic (VBScript В результате не удавалось получить достаточно надежно работающий код, и данные языки использовались любителями HTML в основном для экспериментов.
Официальная спецификация HTML 4 (Dynamic HTML) появилась в 1997 году. В это время уже было очевидно, что дальнейшее развитие гипертекста будет осущствляться за счет скрипт-программирования. Это оказалось намного более эффективным, чем вводить в язык все новые элементы. Появившиеся в то время броузеры (Netscape Navigator 4, Microsoft Internet Explorer 4 и др.) уже достаточно надежно интерпретировали программный код (был достигнут определенный уровень стандартизации). Однако проблемы у разработчиков еще остались. В качестве примера можно отметить, что многие скрипты начинаются с определения версии броузера, чтобы потом использовать тот или иной фрагмент кода. Очевидно, что на программиста ложится обязанность тестирования страниц на всех, популярных в настоящее время броузерах. Кроме того, актуальной остается проблема использования старых или не очень популярных программ.
В основе своей, Web-страница представляет собой текстовый файл, содержащий инструкции в форме HTML-кодов (называемых дескрипторами, тэгами) и атрибутов. Дескрипторы – это команды, которыми впоследствии будет руководствоваться Web-браузер, чтобы отформатировать текст и вставить графические изображения, которые должны присутствовать на Web-странице. Некоторые, однако не все, HTML-команды требуют как начального, так и конечного дескриптора: такие команды называются контейнерными {container) дескрипторами, поскольку инструкция в начальном дескрипторе применяется ко всему, что содержится на Web-странице между начальным и конечным дескриптором.
Каждая HTML-команда (то есть каждый HTML-дескриптор) начинается со знака "меньше" (<), вслед за которым идет имя дескриптора и атрибуты (если таковые имеются), и заканчивается знаком "больше" (>). Чтобы создать конечный дескриптор для начального дескриптора, нужно поместить косую черту (/) перед именем дескриптора. Таким образом, начальный дескриптор имеет вид <имя_дескриптора [атрибуты]>, а конечный дескриптор – </имя_дескриптора>. Имя дескриптора сообщает Web-браузеру назначение дескриптора; атрибуты (если есть), идущие за именем дескриптора, предоставляют Web-браузеру дополнительную информацию, необходимую тому для выполнения инструкций дескриптора.
Например, приведенный ниже код служит иллюстрацией того, как начальный и конечный дескрипторы абзаца (<р> </р>) заключают в себе, или содержат, фрагмент текста. В данном примере, дескриптор <р> дает Web-браузеру указание отобразить текст до дескриптора </р> с использованием правил форматирования по умолчанию:
<р> Это пример абзаца. </р>
Если необходимо чтобы браузер отображал текст в абзаце определенным шрифтом и цветом, нужно будет добавить атрибуты, определяющие такие параметры, как цвет, начертание, размер шрифта и т.д., в дескриптор <font>, который ставится после дескриптора <р> и перед текстом, внешний вид которого требуется задать.