Что такое гипертекст

21 ноября 2017 Опубликовано в разделах: Азбука терминов. 33768

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

Наверняка вы хотя бы раз использовали Википедию. Размещенные в ней статьи — ярчайший пример гипертекстов. Здесь в каждой статье выделены какие-либо термины/понятия/даты/фамилии ученых. Нажав на них, вы переходите на статью, которая уже посвящена им. Также вы можете встретить гипертекст, зайдя на любой сайт. Видите здесь раздел «Главная», «О компании», «Наши работы» и так далее. Все вместе это гипертекст.

Еще одно понятие гипертекста — это документ, который составлен с помощью специального языка разметки (HTML или любого другого). Гипертекстовый документ имеет внутри особые отметки, теги. Именно теги обозначают, где находится гиперссылка. В дальнейшем браузер осознает команду, что нужно перейти на другую ссылку с помощью данных тегов.

Из чего состоит гипертекст

Гипертекстовый документ еще принято называть HTML документом. Он включает в себя две части: сам текст (информационный блок, материал, данные, содержимое) и теги — для разметки текста. Они определяют внешний вид, как разместить ссылки и т. д.

Гипертекст может содержать самые различные элементы: табуляции, традиционные буквы и цифры, пробелы, знаки препинания, возвраты, специальные обозначения (@, *, +, = и так далее). Однако лучше отказаться от использования в тексте следующих элементов: знаков > (больше), 29.01.2018 18464

Источник

Что такое Гипертекст, он обладает методом организации данных информации

Многим из нас доводилось слышать о таком термине, как «гипертекст», хотя не всем известно о его значении.

Что такое гипертекст

На сегодняшний день «гипертекст» — это более компьютерный термин, хотя по смыслу он почти не изменился. Под гипертекстом следует понимать способ взаимосвязи одного текста с другим с помощью гиперссылок. Самым показательным примером гипертекста может послужить почти любой сайт. Можно зайти в какой-нибудь пост, внутри текста которого будет гиперссылка, ведущая на другой пост. И теги, указанные обычно внизу статьи, тоже гипертекст, который ведет на другие страницы.

Первоначально его использовали в литературе для обозначения системы, состоящей из текстовых страниц, которые имеют перекрестные ссылки. Такие тексты встречаются в энциклопедиях, словарях и других, чаще всего, научных книгах, имеющих различные ссылки и сноски, по которым читатель отсылается на другой фрагмент. Самый яркий пример — каноническая библия.

В литературе гипертекстом называют нелинейную подачу информации, по сравнению со стандартной, где происходит последовательное повествование (к примеру, как во многих художественных произведениях). Вероятно, самым древним примером литературного гипертекста можно считать Библию, включающую в себя много взаимосвязанных друг с другом книг и имеющую внутренние отсылки от одних фрагментов текста к другим.

Кто и когда ввел термин гипертекст

Когда еще у сети интернет не было такого масштабного распространения, говоря о гипертексте, подразумевались литература, издания книг, в которых в некоторых разделах встречались ссылки на другую статью или раздел. Это, как правило, относилось к энциклопедиям и справочной литературе.

Впервые термин использовал первооткрыватель в сфере информационных технологий – Теодор Нельсон Холм, в своем труде «Файловой структуре для сложного, меняющегося и окончательно неопределимого». В этой работе гипертекст соответствовал следующему определению – это текст, имеющий разветвления в самом себе и выполняющий действия по запросу. С тех пор, как сформировался термин, прошло довольно много времени. На сегодняшний день гипертекст представляет систему веб страниц, взаимосвязанных между собой ссылками.

На что способен гипертекст

У гипертекстового документа есть еще другое название – HTML документ. Он состоит из двух частей: самого текста (информационного блока, материала, данных, содержимого) и тегов – для разметки текста. С помощью них определяется внешний вид, способ размещения ссылок и пр.

В гипертексте могут содержаться самые разные элементы в виде табуляций, традиционных букв и цифр, пробелов, знаков препинания, возвратов, специальных обозначений (@, *, +, = и т.д.). Не следует использовать в тексте следующие элементы:

Виды гипертекстовых систем не имеют единой классификации. Могут быть выделены некоторые классификационные признаки, а также виды гипертекста, которые основываются на них. К примеру, по структуре организации гипертекстовые страницы имеют:

Принцип функционирования гипертекста бывает:

Архитектура связей гипертекста:

Работа гипертекстовой структуры в интернете происходит по принципу мягкой связи из-за огромного количества соединяемых гипертекстовых узлов, а кодировке жестких связей требуются большие временные ресурсы.

Источник

Какие документы называют гипертекстовыми

Занятие 12 по курсу “Информационные технологии”

Тема. Гипертекстовые способы хранения и представления информации. Информационные ресурсы Интернета

Результаты освоения темы

использовать язык HTML для гипертекстовой разметки документов.

1. Гипертекстовые информационные технологии
Гипертекст (нелинейный текст) – это организация текстовой информации, при которой текст представляет множество фрагментов с явно указанными связями между этими фрагментами.

Гипертекст можно рассматривать как своеобразную базу данных, организуемую в виде открытой, свободно наращиваемой и изменяемой сети, узлы которой (линейные тексты) соединяются пользователем. От обычной базы данных гипертекст отличается, прежде всего, тем, что в нём отсутствуют заранее заданные ограничения на характер связей и структуру.

В 1987 году фирма Apple выпустила первую для ПК гипертекстовую систему – пакет HyperCard для Macintosh.

Эффективно применять гипертекстовые технологии стало возможным с 1992 года, когда появился WWW и возникли веб-технологии.

WWW (сокращение от англ. “World Wide Web” – “мировая паутина”, “всемирная паутина” или “всемирная сеть”) – это глобальный механизм обмена информацией; информационная система и популярная служба Интернета. Это самое распространённое приложение Интернета.

Основой WWW являются протокол передачи гипертекстовых данных (HTTP) и язык гипертекста (HTML), т.е. гипертекстовые технологии.

HTTP – это гипертекстовый транспортный протокол для связи веб-серверов и веб-клиентов. Он предназначен для построения распределённых информационных сетей коллективного пользования, поддерживающих различные типы данных (текст, изображение, аудио- и видеоинформация) и загрузки веб-страниц (файлов).

Элементы гипертекста (текстовые фрагменты) называются узлами. Узлы, между которыми возможен переход, называют смежным, а возможность перехода – “связью”. Совокупность смежных узлов образует “окрестность” данного узла. В общем случае в качестве узла могут выступать: слово; словосочетание; предложение; абзац; параграф; документ; собрание документов, относящихся к одной теме; отдельные сообщения и т.п. Создание гипертекста, прежде всего, состоит в формировании системы переходов от узла к узлу (системы ссылок). Движение в гипертекстовой сети, совершаемое в процессе чтения гипертекста, называется “навигацией”.

Гипертекстовая технология реализуется в конкретной гипертекстовой системе, состоящей из гипертекста (базы данных) и гипертекстовой оболочки. Гипертекст содержит не только информацию, но также аппарат её эффективного поиска и просмотра. Путешествие по WWW (всемирной паутине) начинается с ввода электронного адреса в строку местоположения (Locator) и нажатия затем кнопки “Enter”.

Просмотр (браузинг) – это операция, характерная только для гипертекста. Он означает поиск информации посредством просмотра гипертекстовой сети, при этом возможно запоминание пути следования для того, чтобы при последующем аналогичном запросе поиск проходил по зафиксированному пути следования. Ныне чаще всего используются следующие программы-браузеры: Internet Explorer, Netscape Navigator, Opera и др.

Одним из перспективных направлений развития гипертекстовых систем является технология гипермедиа – соединение технологий гипертекста и мультимедиа (интеграция текста, графики, звука, видео).

Использование гипертекста позволяет создать информационную инфраструктуру распределённой организации и упростить диалоговый интерфейс пользователя, что важно при разработке информационных приложений. Гипертекстовые технологии способствовали созданию в информационных сетях информационных хранилищ, которым могут получать доступ самые различные категории пользователей. В результате в Интернете сформированы огромные и свободно доступные широким массам пользователей (открытые) самые разнообразные информационные ресурсы.

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

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

2. Языки гипертекстовой разметки документов
Гипертекстовая технология изначально использовала специальный язык, получивший название HTML (Hyper Text Markup Language). Благодаря ему, можно не только формировать гипертекстовые документы, но осуществлять связь текста и изображения с документами, расположенными на другом веб-сервере и др.

Гиперссылка или Гиперсвязь (Hyperlink) – фрагмент HTML-документа, указывающий на другой файл, который может быть расположен в Интернете или содержать полный путь к этому файлу. Гиперссылка для пользователя – это графическое изображение, текст на сайте или в письме электронной почты, устанавливающие связь и позволяющие переходить к другим объектам Интернета.

Гипертекстовый документ, размещённый на сервере с использованием WWW, называют Web-страницей (веб-страницей). Это минимальный фрагмент гипертекста, который можно за один раз загрузить и прочитать.

Используя предлагаемые связи можно читать материал в любом порядке. Таким образом, текст становится “открытым”. В него можно вставлять любые объекты, указывая для них связи с имеющимися объектами. При этом структура текста не разрушается. Поэтому гипертекст стал новой информационной технологией представления неструктурированного легко наращиваемого знания.

Структура гипертекстовых документов формируется с помощью последовательности тегов – элементов языка HTML, включающих тексты в формате ASCII. Они позволяют управлять шрифтом, цветом фона и текста, определять ссылки, вставлять объекты (графику, звук и видео). При этом сами тэги на странице в режиме её просмотра через браузер не видны.

Тег или тэг (англ. “Tag” – метка) является признаком объекта, который управляет соответствующим кодом.

Легко заметить, что теги представляют собой некоторые операторы (команды, дескрипторы), заключенные в скобки типа “ ”, причём ими начинается и заканчивается целая страница или некоторый фрагмент. В конце команды ставится слеж “/” с именем, используемым в её начале. Таким образом, любая команда включает некоторое действие, а аналогичная команда со знаком “/” – выключает его. Это правило касается парных команд (дескрипторов). Существуют операторы, не требующие их выключения (закрытия).

В качестве примера приведём запись следующих заголовков “Министерство образования и науки Российской Федерации” и “Московская финнансово-промышленная академия”, последовательно размещённых на одной странице. Запись в файле может выглядеть следующим образом:

Министерство образования и науки Российской Федерации

Московская финнансово-промышленная академия

Источник

Какие документы называют гипертекстовыми

©1999, А.А.Дуванов, Роботландский сетевой Университет

Урок 4. Гипертекст

Сказание о гипертекстах

Уже достаточно много времени затрачено на то, чтобы научиться при помощи HTML и браузера выводить на экран тексты.

Но это просто тексты. Используя мощный текстовый процессор, такой, как Microsoft Word, сверстать объявление, письмо брошюру и небольшую книгу можно гораздо быстрее, и результат будет лучшего качества.

При этом не надо писать программы, вникать во все тонкости многочисленных тегов и их атрибутов. Работая в Worde, практически не надо думать ни о чем, кроме содержания собственного произведения. Разнообразный оформительский инструментарий имеет интуитивно-понятный интерфейс и многочисленную библиотеку шрифтов, линий, значков, рамочек, орнаментов, фигур, картиночек и других полезных «штучек», которые делают текст на экране и бумаге приятным для глаза. При условии, конечно, что вы не лишены вкуса и чувства меры.

Так почему же во всем мире разразился настоящий бум HTML-программирования? Сбывается мечта А.П.Ершова: программирование становится второй грамотностью, народным увлечением.

Главных причин популярности HTML три. Вот они в порядке возрастания важности.

Многие авторы учебников даже стесняются называть HTML-тексты программами. Работу HTML-проектировщика они называют разметкой текста. На самом деле, в этом названии заключена методическая ошибка. Ведь оно (название) предполагает такой порядок работы:

Однако, хорошие гипертекстовые документы при таком подходе получить гораздо сложнее, чем в случае когда, структура HTML-документа планируется еще до написания текстов. Ведь гипертекст устроен принципиально иначе (см. третью причину).

Но даже, если все эти условия выполнены, все равно мало шансов на то, что ваш товарищ увидит текст не искаженным (картинки вылезают из рамок, границы страниц плывут по тексту. ). Это происходит потому, что ваш Word и Word вашего партнера настроены по-разному.

После того, как по телефону (или электронной почте) редакторы будут настроены одинаково, текст все равно может выглядеть по-разному уже по причинам, известным только фирме Microsoft.

Все, о чем говорилось, называется непереносимостью продукта. Не в том смысле, что продукт кого-то не любит, а в том, что разным пользователям невозможно, или крайне тяжело, отображать у себя то, что сделано в другом месте.

HTML-документ является переносимым продуктом. Это означает, что авторский труд будет легко доступен огромному числу пользователей, независимо от марки компьютера и типа операционной системы. Именно это свойство HTML-документов, а также их относительно малый размер, позволили с успехом использовать HTML-технологию для подготовки WWW-страниц в Интернете.

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

Обычный текст имеет линейную структуру. И хотя пользователь может читать любые его страницы и строчки, листая документ на экране или в бумажной книге, автор предполагает, что текст читается по порядку. Сначала первая страница, потом вторая и так далее.

Некоторое нарушение линейности обычной книги вносят сноски, ссылки на другие страницы и ссылки на другую литературу.

Предполагается, что пользователь может прервать линейное чтение в месте ссылки, посмотреть другую часть читаемого текста или даже совсем другой текст, а затем продолжить чтение с места прерывания.

Возможности компьютера рождают принципиально новую идею: почему бы изначально не проектировать текст в расчете на возможность чтения не по-порядку, а по контексту. Такой подход позволяет разным пользователям просматривать текст ориентируясь, на свои вкусы, уровень владения темой и поставленные задачи.

Структура компьютерной книги становится существенно нелинейной, она даже перестает быть иерархической, а скорее напоминает спутанную рыболовную сеть или порцию спагетти, опрокинутую на пол.

Для навигации по такой сети предусматривается простой способ: те фрагменты документа, которые имеют переходы на другие его части, каким-то образом выделены. Простое интерфейсное действие на такой ссылке (нажатие на Enter или мышиный щелчок) перебрасывают пользователя в другой информационный узел.

Посмотрел, вернулся обратно, или, не возвращаясь, продолжил путешествие по новой ссылке.

Гипертексты и браузеры

Читая эту книгу, вы, конечно, уже достаточно много поработали со ссылками и понимаете, что это такое на практике.

Если ссылки образуют вложенную цепочку, то кнопки «Назад» («Back«) и «Вперед» («Forward«) можно использовать для движения по пройденному ссылочному пути в обе стороны. Они работают как традиционные операции «откатка» и «накатка» в большинстве прикладных программ.

В нижеприведенном примере используется цепочка вложенных ссылок. Совершите небольшое путешествие. Сначала, щелкая ссылки, доберитесь до текста, в котором ссылок уже нет. Затем, пользуясь навигационными кнопками браузера, «прогуляйтесь» по пройденному пути вперед и назад.

Пример Цепочка вложенных ссылок

Ссылки могут уводить не только в разные документы, но загружать на экран разные фрагменты одного и того же текста. В последнем случае навигационные средства браузера работают также.

Пример Ссылка внутри документа

Переход внутри одного документа

Для организации перехода внутри документа нужно:

Переход к другому документу

Для того, чтобы браузер загрузил в свое окно новый HTML-документ, нужно записать в программе ссылку при помощи команды с атрибутом href=имя_файла.

Документ. Программа (файл doc1.htm)
Программа, на которую настроена ссылка в документе (файл doc2.htm)

Переход к метке другого документа

Мы научились решать такие задачи:

Эти два метода можно объединить и передать управление из одного документа к метке внутри другого.

Документ. Программа (файл doc3.htm)
Программа, на которую настроена ссылка в документе (файл doc4.htm)

Имена файлов и ссылки на них

Имена файлов с HTML-программами имеют расширение htm или html.

Без необходимости обозначение html лучше не использовать, так как не все операционные системы понимают 4 символа в расширении имени файла.

Имена для файлов всегда стараются придумать осмысленные. Когда файлов много, порядок в именах имеет особое значение.

Если в теге указано имя файла, браузер ищет файл в том же каталоге, в котором расположен файл со ссылкой. Когда необходимо сослаться на файл из другого каталога можно

Второй способ гораздо лучше, так как при правильном использовании позволяет переносить ваш многофайловый гипертекст из одного каталога в другой и с одного компьютера на другой без дополнительных настроек.

Пусть, например, ваш гипертекст расположен в каталоге BOOK корневого каталога диска C. В самом каталоге BOOK расположен файл с оглавлением 00.htm. Остальные файлы помещены в подкаталоги 01, 02, 03, 04 в соответствии с принадлежностью к той или иной главе документа.

Как можно сослаться из файла 00.htm на файл 02.htm?

Нажмите кнопку «Сброс», затем выберите верные ответы на вопросы.

Источник

ТЕМА 7.3. ТЕХНОЛОГИЯ СОЗДАНИЯ ГИПЕРТЕКСТОВЫХ ДОКУМЕНТОВ

Оглавление

7.3.1. Принципы гипертекстовой разметки

Гипертекстовые страницы создаются с помощью языка разметки гипертекста HTML (HyperText Markup Language) в текстовом редакторе или в среде специальных редакторов web-страниц.

Гипертекстовый документ содержит:

Коды разметки представляют собой символы ASCII. Поэтому страницы можно создавать в текстовых редакторах.

Существующие редакторы web-страниц позволяют пользователю создавать и форматировать элементы страницы с помощью меню, кнопок панелей инструментов.

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

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

Тэг-контейнер имеет следующую структуру:

Имя конечного тэга идентично имени начального, но перед ним ставится знак «/».

Действие начального тэга применяется к тому, что находится за ним, и прекращается конечным тэгом. Например, чтобы выделить текст жирным шрифтом нужно расположить его между тэгами:

Например, при описании таблицы, открывающий тэг может выглядеть так:

Но он может содержать атрибуты, задающие:

Тогда тэг-контейнер, задающий вид таблицы, выглядит следующим образом:

Значения атрибутов принято заключать в одинарные или двойные кавычки, особенно, если они содержат несколько слов, разделенных пробелами. Длина значения атрибута ограничена 1024 символами.

Специальные сочетания символов позволяют отображать на web –страницах те символы, которые могут быть неверно обработаны браузером. Например, символы, используемые тэгами (угловые скобки, двойные кавычки). Некоторые из них приведены в Таблице 1. Эти сочетания вводятся в нужном месте гипертекста без угловых скобок.

Таблица 1. Вставка специальных символов.

Символ

Описание

Больше

пробел

Пробел

Амперсанд

Фунт

Копирайт

Регистрированная торговая марка

Тэги можно разделить по назначению:

7.3.2. Структура документа

Основная часть документа

В гипертекстовом документе определяется его заголовок (HEAD), и основная часть, называемая телом (BODY).

Пример структуры документа:

Заголовок первого уровня

Наряду с простой структурой гипертекстовой разметки существует фреймовая структура. Фреймы (кадры), на которые делится окно браузера, могут содержать одновременно разные гипертекстовые документы. Гиперссылки в этих документах позволяют указывать тот кадр, в который нужно загрузить новый документ. Например, один фрейм отображает содержание сайта в виде гиперссылок, а в другом загружаются последовательно страницы, вызываемые этими гиперссылками (рис. 1).

Для создания структуры (рис. 2) должно быть 3 файла. Файл с определением набора фреймов, который описывает количество кадров, их имена, размеры, наличие линеек прокрутки. Чтобы заполнить кадры нужно в тэге frame определить, какие файлы будут в них загружаться.

Заголовок документа

Элемент разметки HEAD–контейнер не является обязательным тэгом. В заголовке часто располагаются элементы разметки, задающие параметры документа, такие как:

Элемент разметки TITLE

Контейнер TITLE служит для задания темы документа в World Wide Web. Так же именуется окно браузера, в котором документ просматривается. Слова из контейнера TITLE попадают в индекс поисковой системы.

Элемент разметки META

Тэг META позволяет хранить список ключевых слов и описание документа, которые используются для составления индекса поисковой системы.

Атрибут CONTENT отображает содержание описания документа.

При индексировании документы, в которых задана тема в тэгах TITLE, ключевые слова и описание документа в атрибутах тэга META, попадут в индекс некоторых поисковых машин.

Элемент разметки STYLE

Атрибут тэга – TYPE задает тип стиля. Это может быть либо text/css, либо text/javascript:

Элемент разметки SCRIPT

При использовании элемента разметки SCRIPT в заголовке определяется зона видимости функций и переменных во всем документе, т.е. они определяются как глобальные переменные.

Основная часть документа

Оформление документа

Цвет элементов

Он может содержать атрибуты, которые определяют параметры всего документа, например, цвет текста, ссылки, цвет фона.

Цвета задаются названиями цветов, которые можно найти в специальных таблицах или шестнадцатиричными кодами, в которых каждые две цифры задают значения трех составляющих цвета – RGB (красного, зеленого, синего). Например, код цвета фона bgcolor =»# FF 0000″ задает максимальное значение красного (FF) и минимальные зеленого и синего.

Таблица 2. Цвета, используемые в Internet

Данные Таблицы 2 скопированы с сайта известного дизайнера А.Лебедева.

Белый цвет задается смешением максимальных значений красного, зеленого и синего цветов. Код его FFFFFF. Черный – наоборот все нули.

В тэге BODY можно задавать цвет фона страницы, текста, гиперссылок.

Пример определения цвета разных элементов страницы:

TEXT – цвет текста страницы;

BGCOLOR – цвет фона страницы;

VLINK – цвет посещенных ссылок.

Другие элементы оформления

— выравнивание (center или left);

— ширина линии в процентах или пикселях;

— толщина линии в пикселях;

— задание цвета линии, действует в только в Internet Explorer.

7.3.3. Форматирование текста

Текст, представленный на странице, может иметь различное форматирование. Основные тэги, используемые для оформления текста, приведены в Таблице 3.

Таблица 3. Тэги, оформляющие текст.

Назначение тэга

Атрибуты

Пример

Шрифт (задание размеров, цвета, вида)

Параграф (Начало нового абзаца)

Возможные значения – left; right; justify; center

Заголовок. Объявление текста заголовком. Можно задать заголовки шести уровней.

color – цвет align – выравнивание

текст

Полужирный текст

Верхний индекс, например для задания степеней

Начало списка маркированного

Начало списка нумерованного

Перевод следующего за тэгом текста на новую строку

Встает заря во мгле холодной. На нивах шум работ умолк.

7.3.4. Вставка изображений

Тэг вставки изображения в простейшем варианте выглядит так:

Если же изображение находится в папке images на удаленном компьютере, то тэг выглядит так:

Тэг вставки изображения может иметь такие атрибуты как:

Чтобы вставить изображение таким образом, как на рис.2

Рис. 2. Фрагмент гипертекстовой страницы с изображением

7.3.5. Таблицы

Широко применимым является тэг