Гипертекст html предназначен для

21. Язык гипертекстовой разметки html

HyperText Markup Language(HTML) – язык разметки гипертекста – предназначен для написания гипертекстовых документов, публикуемых в World Wide Web.

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

Существует два способа создания гипертекстовых документов. Можно воспользоваться одним из WYSIWYG HTML-редакторов (например, Microsoft FrontPage, или др.), для работы с которыми не требуется специальных знаний о внутренней структуре создаваемого документа. Этот способ позволяет создавать документы для WWW без знания языка HTML. HTML-редакторы автоматизируют создание гипертекстовых документов, избавляют от рутинной работы. Однако их возможности ограничены, они сильно увеличивают размер получаемого файла и не всегда полученный с их помощью результат соответствует ожиданиям разработчика. Но, безусловно, этот способ незаменим для новичков в деле подготовки гипертекстовых документов.

Альтернативой служит создание и разметка документа при помощи обычного редактора текста (NotePad). При этом способе в текст вручную вставляются команды языка HTML. Создавая документы таким способом, вы точно знаете, что делаете.

Как уже отмечалось, HTML-документ содержит символьную информацию. Одна ее часть — собственно текст, т. е. данные, составляющие содержимое документа. Другая – теги(markup tags), называемые такжефлагами разметки, – специальные конструкции языка HTML, используемые для разметки документа и управляющие его отображением. Именно теги языка HTML определяют, в каком виде будет представлен текст, какие его компоненты будут исполнять роль гипертекстовых ссылок, какие графические или мультимедийные объекты должны быть включены в документ. Графическая и звуковая информация, включаемая в HTML-документ, хранится в отдельных файлах. Программы просмотра HTML-документов (браузеры) интерпретируют флаги разметки и располагают текст и графику на экране соответствующим образом. Для файлов, содержащие HTML-документы, приняты расширения .htm или .html.

Прописные и строчные буквы при записи тегов не различаются.В большинстве случаев теги используются парами. Пара состоит из открывающего (start tag) и закрывающего (end tag) тегов. Синтаксис открывающего тега:

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

Атрибуты тега записываются в следующем формате:

Кавычки при задании значения аргумента не обязательны и могут быть опущены. Для некоторых атрибутов значение может не указываться. У закрывающего тега атрибутов не бывает.

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

Последовательность символов, составляющая текст, может состоять из пробелов, табуляций, символов перехода на новую строку, символов возврата каретки, букв, знаков препинания, цифр, и специальных символов (например, +, #, $, @), за исключениемследующих четырех символов, имеющих в HTML специальный смысл: < (меньше), >(больше), & (амперсенд) и » (двойная кавычка). Если необходимо включить в текст какой-либо из этих символов, то следует закодировать его особой последовательностью символов.

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

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

Закрывающий тег так же важен, как и открывающий. Если, например, документ включен в электронное письмо, тег дает команду программе просмотра прекратить интерпретацию текста, как HTML-кода.

HTML-документ состоит из двух частей: заголовок (head) и тело (body), расположенных в следующем порядке:

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

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

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

Чаще всего в заголовок документа включают парный тег , определяющий название документа. Многие программы просмотра используют его как заголовок окна, в котором выводят документ. Программы, индексирующие документы в сети Интернет, используют название для идентификации страницы. Хорошее название должно быть достаточно длинным для того, чтобы можно было корректно указать соответствующую страницу, и в то же время оно должно помещаться в заголовке окна. Название документа вписывается между открывающим и закрывающим тегами. Тело документа

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

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

Определяет цвет активной ссылки

Источник

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

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

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

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

Гипертекстом можно назвать любой HTML-документ. Его содержимое имеет две составляющие – основную информацию, то бишь просто текст, и теги для разметки. С их помощью материал в дальнейшем обретает более структурированный и в некоторой степени аккуратный вид.

А вот как к такому тексту привязываются фото, аудио и видео? Все просто – они хранятся отдельно и просто прикрепляются к документу с помощью специального тега.

Теперь о тегах. Это стандартные теги, используемые в HTML, и чаще всего они парные – открывающий <тег>и закрывающий . Бывают и одинарные. Все они задают определенное правило или стиль тексту, который заключен между ними. Эту пару тегов, кстати, называют иногда контейнером, а заключенный между ними текст – элементом.

Такой текст может содержать привычные нам буквы и цифры, различные знаки препинания, специальные символы, таблицы и так далее. Только не рекомендуется в материале использовать знаки больше (>) и меньше (<), а также двойные кавычки (") и символ амперсанда (&). Это связано с тем, что подобные символы используются в языках программирования, из-за их добавления в основной текст контент на странице может не отобразиться должным образом.

Краткая история термина «гипертекст»

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

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

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

Возможности гипертекста

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

• Удобство. Материал на странице логично сконструирован, а также связан с другими страницами, содержащими релевантные данные.
• Простота. Гипертекст полезен для пользователей и выглядит вполне себе аккуратно.
• Возможность вставки медиа. В материал удобно встраивать видео и аудио, а также фотки. Контент становится менее скучным и однообразным.
• Уникальный способ запроса данных. Чтобы получить дополнительную информацию, нужно нажать на выделенный элемент.

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

Источник