4.Понятие гипертекста
Стандартный текст читается слева направо и всегда имеется возможность вернуться к началу прочитанного. Если в текст включить ссылки на web-страницы, которые позволяют с определенного участка текста одной страницы переходить на другую страницу с возможностью вернуться назад, то получим трехмерный текст или "гипертекст".
Гипертекст – это многомерный текст, повышающий информативность тестового формата представления информации.
Например, технология гипертекста позволяет встречающиеся в тексте web-страницы специальные термины преобразовать в ссылки на другие страницы, содержащие определения этих терминов. Если читатель знает смысл терминов – он не воспользуется ссылками, а если не знает – перейдет по ссылке на страницу определений и вернется назад с начальным текстов, для дальнейшего прочтения.
5.Язык гипертекстовой разметки - html
HTML представляет собой набор команд, которые описывают структуру документа. Язык разметки позволяет выделить в тексте отдельные логические части (заголовки, абзацы, списки и т.д.), поместить на Web-страницу фотографию или рисунок, организовать на странице ссылки для связи с другими документами.
HTML не задает точные атрибуты форматирования документа, как, например, Microsoft Word. Конечный внешний вид документа определяется настройками программы-браузера. Такой подход позволяет использовать HTML не зависимо от вида и версии программного обеспечения компьютеров, подключенных к Интернет.
HTML не является языком программирования, но web-страницы могут включать в себя встроенные программы-скрипты на языках Javascript и VBScript и др.
Разметка текста заключается в формировании в текстовом документе элементов HTML с помощью специальных меток – тегов (tag – этикетка, метка), которые служат для структуризации и определения внешнего вида страницы при ее отображении в окне браузера.
Тег – это некоторая синтаксическая конструкция языка HTML, заключенная в угловые скобки. Теги часто используются парами. В паре тегов первый тег является открывающим, а второй – закрывающим. Пара тегов играет роль скобок, охватывающих некоторый текст и предающих этому тексту особые свойства.
Парный тег имеет следующий общий вид:
<имя тега атрибут ="значение" > фрагмент текста </имя тега >
Некоторые теги, как парные, так и одиночные, могут быть вложены в область действия других тегов. Существуют обязательные теги, которые всегда должны присутствовать (они характеризуют документ в целом) и необязательные теги (относятся к отдельным фрагментам текста). Обязательным тегом является, например тег <html> </html> , который открывает и закрывает разметку любой web-страницы.
6.Структура html-страницы
По структуре организации web-страницы можно подразделить на статические и динамические:
- статические страницы содержат некоторую жестко заданную информацию, для изменения которой необходимо вносить изменения в гипертекстовый документ;
- динамические страницы позволяют отображать данные, которые могут изменяться без изменения самого HTML-документа (например, информацию, извлекаемую из существующей базы данных).
Для создания динамических HTML-страниц обычно используют специальные серверные расширения, называемые сценариями (web-приложениями, скриптами). Типичная задача, выполняемая сценарием, — получение информации из некоторого внешнего источника (например, из базы данных), которая затем представляется в виде HTML-документа и передается серверу, а он, в свою очередь, отсылает ее пользователю. Подобным образом реализуется, например, возможность выборки из базы данных именно той информации, которую запрашивает пользователь.
Любая web–страница состоит из двух частей, которые условно можно назвать заголовочная часть и содержательная часть. Заголовочная и содержательная части выделяются соответствующими парными тегами с именами, соответственно, head и body.
В общем виде документ HTML имеет следующую структуру:
<html>
<head>
Информация о web-документе
</head>
<body>
Содержание документа
</body>
</html>
HTML включает типы элементов, представляющие абзацы, гипертекстовые ссылки, списки, таблицы, изображения и т.д.
Некоторые типы элементов HTML не имеют содержимого. Например, элемент перехода на следующую строку <br> не имеет содержимого; его роль - прерывание строки текста.
Элемент – часть текста, выделенная с помощью пары тегов. Существуют элементы, которые программа-браузер автоматически вставляет в разметку страницы, если они не описаны в HTML кодировке (например, элемент head).
С элементами могут быть связаны свойства, называемые атрибутами, которые имеют значения (стандартные или устанавливаемые авторами, сценариями). Пары атрибут/значение помещаются перед закрывающей скобкой ">" начального тэга элемента. В начальном тэге элемента может быть любое число (допустимых) пар атрибут/значение, разделенных пробелами. Они могут указываться в любом порядке. Значение атрибута указывается после знака равенства в кавычках, без пробелов, например:
<body bgcolor="red"> - в данном случае атрибут цвета фона страницы имеет значение "красный.
Описание web-страницы начинается с открывающего тега <html>. После объявления заголовочной части тегом <head> указывается информация о будущей странице или Meta-информация. С помощью атрибутов тэга <Meta>(одиночный тег – таблица) можно указать:
- язык кодирования страницы;
- имя программы, сгенерировавшей документ;
- краткое описание содержания страницы;
- ключевые слова документа, разделенные запятыми;
- электронный почтовый адрес владельца страницы; и т.д.
В заголовочной части помимо служебной информации дается название страницы при помощи парного тега <Title>.
В содержательной части приводится кодировка основного текста web-страницы, которая может содержать тэги (таблица ):
форматирования текста,
форматирования таблицы,
гиперссылки,
видео-ролики,
музыкальные фрагменты,
графические изображения.
HTML-страница может быть подготовлена в любом текстовом редакторе, например программе "Блокнот". Страницу необходимо сохранить с расширением *.html. Файлы с таким расширением открываются программой-браузером Microsoft Internet Explorer.
HTML код страницы можно просмотреть непосредственно в окне обозревателя выбрав в меню "Вид" - "Просмотр HTML-кода".
Задание 1.
В текстовом редакторе записать следующую HTML-страницу. Сохранить записанное в файл с расширением *.html и просмотреть при помощи Microsoft Internet Explorer.
