Урок №5. Создание гиперссылок

Часть текста, название, участок изображения, имеющие ссылки на другой текст внутри этого же документа или на другой документ в сети Интернет, называются гипертекстовой связью (Hypertext link) или гипертекстовой ссылкой

Изображение или участок текста, слово, с которым связаны гиперсвязи, называется якорем (anchor), линком (link) или ссылкой.

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

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

Атрибут href определяет URL-адрес ссылки (Uniform Resource Locator—унифицированный локатор ресурса), на которую будет совершен переход, если щелкнуть мышью по объекту, находящемуся между тегами (в данном случае объект обозначен многоточием).

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

Для гиперссылки можно создать всплывающую подсказку к тексту ссылки с помощью атрибута title=»текст»:

Якорем гиперссылки может быть не только текст, но и рисунок:

Для перехода внутри одного документа используются два тега .

Первая команда с атрибутом href является источником перехода (якорем), вторая с атрибутом name — приемником.

Текст — задание перехода по метке.

Метка—сюда браузер переходит по ссылке.

На экране ничего не отображается.

Гиперссылки можно использовать для размещения звуковых или видео-файлов:

Размер звукового файла указан в килобайтах! Работая со звуковыми файлами, не забывайте, что фрагменты звука должны быть короткими.

Обычно браузер устанавливает цветовое оформление ссылок по умолчанию.

Можно изменить эти настройки специальными атрибутами тега :

link — цвет неактивированных ссылок;

vlink — цвет посещенных ссылок;

alink — цвет активной ссылки.

Задание №1

Создайте два HTML-документа, отличающихся цветом фона. Сохраните их под именами STR1.HTML и STR2.HTML соответственно.

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

Задание №2

Создайте гипертекстовый документ, состоящий из 4 страниц.

Для этого создайте новую папку с именем «Гиперссылки». Скопируйте в нее рисунки с изображением мишки, зайки и лошадки.

Создайте следующие документы и свяжите их гипертекстовой связью.
Документ Start.html.
Заголовок «Агния Барто».

Маркированный список: Мишка, Зайка, Лошадка.

На каждый элемент списка — гиперссылка соответственно на документы page1.html, page2.html, page3.html.

При желании добавьте фоновую картинку.

Стихи Агнии Барто

Уронили мишку на пол,
Оторвали мишке лапу.
Всё равно его не брошу —
Потому что он хороший.

Картинка медвежонка справа, ширина картинки 100px.

Под стихотворением слово НАЗАД с гиперссылкой на первый документ.

Мишка

Уронили мишку на пол,

Оторвали мишке лапу.

Всё равно его не брошу —

Потому что он хороший.

Страницы Page2.html и Page3.html создайте самостоятельно по аналогии с Page1.

Домашнее задание:

Создайте гипертекстоввй документ, в котором разместите длинное стихотворение (любое).

Уважаемые читатели!

Все материалы с сайта можно скачивать абсолютно бесплатно. Все материалы проверены антивирусом и не содержат скрытых скриптов.

Материалы в архиве не помечены водяными знаками!

Если материал нарушает чьи-то авторские права, просьба написать нам по обратной связи, указав авторство материала. Мы обязуемся либо убрать материал, либо указать прямую ссылку на автора.

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

Источник

Гипертекст — что это такое? Вся информация

Гипертекст является информационной системой переплетения между собой текстов и документов. Это основной способ построения контента во всемирной паутине и применяется еще с 1 965 года в литературе.

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

Из прошлого материала вы узнали, что такое сайт. Сегодня мы разберем систему, на которой они реализованы, вы узнаете определение гипертекста, зачем он нужен и когда появился.

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

Гипертекст (Hypertext) — это система / концепция по которой строятся взаимосвязанные между собой документы. На страницах сайтов в интернете этой связью выступают ссылки. А в документах, в том числе и печатных — анкоры, главы и сноски, то на что или на кого ссылается автор.

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

Зачем нужен

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

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

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

На сайте

Для создания / формирования гипертекстовых документов в интернете применяется язык гипертекстовой разметки — HTML. Он максимально точно и легко позволяет реализовать такой формат. Любой вебсайт, который вы видите в интернете, выводится в HTML.

Гипертекстовая ссылка — это обычный URL на сайте. Нажав на нее можно перейти на другой вебсайт, документ-страницу или туда, куда указал автор.

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

Термин появился еще в 1 665 году, был введен Тедом Нельсоном. Нужно было, как-то характеризовать литературу, в которой есть упоминания, отсылки и сноски на другие материалы.

Его активно стали применять к энциклопедиям, справочникам и другим подобным изданиям. Проще было сказать — нужно сделать в гипертекстовом формате, чем объяснять, что нужно, чтобы все было структурированно и стояли связи.

В заключение

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

Источник

Гипертекстовый документ. Понятие HTML. Стандарты HTML

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

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

Гипертекстовые технологии нашли широкое применение при организации хранения и представления информации в сети Internet. В состав Web системы входит язык гипертекстовой разметки документов HTML

Понятие HTMLНазвание HTML— является сокращением от HyperText Markup Language т. е. «язык гипертекстовой разметки».

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

Разметкойназывается вставка в текст дополнительных служебных символов (например, пометок корректора). Каждый служебный символ в HTML представляет собой команду, которая указывает браузеру как следует отображать текст. Разметка может быть как очень простой, так и чрезвычайно сложной.

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

Язык HTML – это средство для формирования гипертекстовых документов. Гипертекстовые ссылки встроены в текст документа и хранятся как его часть. Благодаря этому языку можно не только формировать гипертекстовые документы, но и осуществлять связь текста и изображения с документами, расположенными на другом сервере Web.

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

Чаще всего НТМL-тэги состоят из начального и конечного компонентов, между которыми размещаются текст и другие элементы документа. Имя конечного тэга идентично имени начального, но перед именем конечного тэга ставится косая черта (/). Конечные тэги никогда не содержат атрибутов. По своему значению тэги близки к понятию скобок «begin/end» в универсальных языках программирования, которые задают области действия имен локальных переменных и т. п. Тэги определяют область действия правил интерпретации текстовых тэгов документа.

Общая схема построения контейнера в формате HTML может быть записана в следующем виде:

Источник

Урок 5
§4. Интернет

Содержание урока

Вопросы и задания

Вопросы и задания

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

2. Чем гипертекстовые документы удобнее обычных?

3. Сравните значения выражений «веб-сайт» и «веб-страница».

4. Как вы думаете, можно ли получить содержимое веб-страницы, не используя браузер?

5. Современные браузеры могут открывать одновременно много вкладок с веб-страницами. Оцените достоинства и недостатки такого решения.

6. Может ли браузер как-то получить содержимое веб-страницы, если на узле, к которому он обращается, не работает веб-сервер?

7. Могут ли два документа иметь один и тот же адрес?

8. Может ли один и тот же документ иметь несколько различных адресов?

9. Выполните по указанию учителя задания в рабочей тетради.

Подготовьте сообщение

а) «Сетевая энциклопедия Википедия»

б) «Словари и переводчики в Интернете»

Следующая страница Практическая работа № 2 «Интернет»

Cкачать материалы урока

Источник

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

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