Модуль 1

Комплексная цель: обучение языку HTML на основе последней спецификации 4.01 и его практическому применению при построении Web-сайтов.

Краткое изложение программного материала: в модуле представлена классическая теория HTML с подробным описанием основных понятий языка, большинства используемых тэгов и их параметров, объединенных в группы по назначению:

– организация ссылок;

– представление информации в виде списков;

– построение документов с помощью таблиц;

– вставка изображений и организация ссылок с помощью карт-изображений;

– создание фреймовой структуры;

Теоретический материал иллюстрирован примерами.

Содержание модуля 1

1. Теория html

1.1 Основные понятия

Что такое HTML

HTML (HyperText Makeup Language: язык гипертекстовой разметки) – это язык, применяемый для создания гипертекстовых документов, называемых HTML-документами (HTML-страницами, Web-страницами, Интернет-страницами и т.д.). Сегодня язык HTML является стандартом представления информации в Интернете (глобальной мировой информационной компьютерной сети). Файлы, содержащие HTML-код, могут иметь расширения *.htm, *.html (*.shtml).

С помощью языка HTML можно представлять текст, таблицы, ссылки на различные HTML-документы и другие сетевые ресурсы. В HTML-документ можно внедрять изображения, мультимедийные объекты, pdf-файлы и пр.

Технология HTML базируется на использовании элементов разметки, называемых тэгами. Тэг представляет собой специальное ключевое слово (имя тэга), записываемое между символами-ограничителями (< и >), возможно, вместе с его параметрами (или атрибутами). Общие правила записи параметров следующие: после имени тэга могут следовать параметры, которые отделяются друг от друга пробелами; порядок следования параметров произвольный. Многие параметры требуют указания их значений, некоторые параметры не имеют значений или могут записываться без них, принимая значения по умолчанию. Значение параметра указывается после названия параметра через знак равенства (=). Значение параметра записывается в кавычках (“…” или ‘…’), которые можно (хотя и не рекомендуется) опускать только в случаях, когда значение параметра состоит из одного слова. Названия тэгов и их параметров можно записывать на любом регистре.

Большинство тэгов используется попарно, т.е. для открывающего тэга имеется закрывающий тэг. Закрывающий тэг записывается так же, как открывающий, с символом прямого слэша (/) перед именем тэга. Закрывающий тэг не содержит параметров. Тэги, имеющие завершающие тэги, называются тэгами-контейнерами. Все, что записано между такой парой тэгов, называется содержимым тэга.

Что такое CSS

CSS (Cascading Style Sheet: каскадные таблицы стилей) – технология, используемая совместно с HTML и позволяющая приводить к единому внешнему виду группы HTML-тэгов (единые цвета, шрифты, отступы и т.д.), а также задавать свойства элементов разметки (тэгов) HTML-документов, которые нельзя установить с помощью их стандартных параметров. Кроме того, CSS позволяет приводить к единому внешнему виду группы HTML-документов (даже если это не было предусмотрено при их создании). Файлы, содержащие таблицы стилей имеют расширение *.css.

Технология CSS базируется на задании CSS-свойств, определяющих отображение различных тэгов. При этом CSS-свойства могут быть установлены как для отдельного HTML-документа, так и для группы документов.

Браузеры

До недавнего времени наиболее популярными были три браузера (им принадлежало 90-95% рынка):

–Microsoft Internet Explorer, входящий в состав операционной системы Windows;

–Mozilla FireFox – совместимый с Netscape.

Остальную часть рынка делят между собой:

–Opera – быстрый браузер, максимально похожий по поведению на Internet Explorer в отношении к HTML-коду, объектной модели и пр.

–Safari – браузер фирмы Apple.

Главное преимущество Internet Explorer состоит в том, что в нем реализована XML-поддержка. Кроме того, он подходит для создания динамических HTML-документов, имея развитую модель объектов и средства управления их свойствами.

Достоинством Mozilla Firefox является мультиплатформенность: браузер может использоваться в UNIX в том же виде, что и в Windows.

Преимуществом Opera является скорость и нетребовательность к ресурсам компьютера.

Спецификации HTML и CSS

Язык HTML приобрел широкую популярность к середине 90-х годов. К этому времени назрела необходимость стандартизации языка, поскольку различные компании, разрабатывающие программное обеспечение для доступа в Интернет, предлагали свои варианты тэгов и способы их интерпретации браузерами. Созданием спецификации HTML занялся Консорциум всемирной паутины (World Wide Web Consortium: W3C) – организация, в которую вошли крупнейшие производители программного обеспечения для Интернета. Начиная с 1995 года – со времени первой официально признанной спецификации HTML 2.0 вышло несколько рекомендованных спецификаций, последняя из которых – 4.0, в версии 4.01. Основной идеей в последней спецификации стало отделение структуры документа от его представления на экране монитора, в соответствии с чем рекомендуется более широко использовать технологию каскадных таблиц стилей CSS. Для реализации этой идеи в спецификации 4.0 некоторые тэги отменены, или, другими словами, объявлены не рекомендуемыми. Это означает, что браузеры все еще должны продолжать поддержку таких тэгов, но в последующих версиях эти тэги, могут быть объявлены устаревшими. Устаревшие тэги не поддерживаются браузерами.

В настоящее время спецификация CSS уровня 2 поддерживается всеми браузерами. К сожалению, большинство свойств в новейшей спецификации CSS3 (2004-2005 годы), предложенных Консорциумом W3C, до сих пор не реализовано ни в одном из широко известных браузеров, поэтому в данном пособии используется стандарт CSS2, версия 2.1.

Создание HTML-документа

HTML-документы можно создавать в любом текстовом редакторе, например, при работе под управлением Windows в стандартной программе Блокнот.